!6998 PR同步

Merge pull request !6998 from LiAn/OpenHarmony-3.1-Release

zh-cn/application-dev/reference/arkui-js/js-components-svg-text.md

@@ -3,7 +3,7 @@
 文本，用于呈现一段信息。
 
 
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明：**
+>  **说明：**
 >  - 该组件从API version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
 >
 >  - 文本的展示内容需要写在元素标签内，可嵌套tspan子元素标签分段，可嵌套textPath子元素标签按指定路径绘制。
@@ -27,7 +27,7 @@
 支持以下表格中的属性。
 
 | 名称             | 类型                                 | 默认值   | 必填   | 描述                                       |
-| -------- | -------- | -------- | -------- | -------- |
+| -------------- | ---------------------------------- | ----- | ---- | ---------------------------------------- |
 | id             | string                             | -     | 否    | 组件的唯一标识。                                 |
 | x              | <length>\|<percentage> | 0     | 否    | 设置组件左上角x轴坐标                              |
 | y              | <length>\|<percentage> | 0     | 否    | 设置组件左上角y轴坐标                              |
@@ -45,7 +45,7 @@
 
 ## 示例
 
-```
+```css
 /* xxx.css */
 .container {    
     flex-direction: row;
@@ -56,7 +56,7 @@
 }
 ```
 
-```
+```html
 <!-- xxx.hml -->
 <div class="container">
   <svg>
@@ -78,7 +78,7 @@
 
 属性动画示例
 
-```
+```css
 /* xxx.css  */
 .container {
     flex-direction: row;
@@ -89,15 +89,15 @@
 }
 ```
 
-```
+```html
 <!-- xxx.hml -->
 <div class="container">
   <svg>
     <text y="50" font-size="30" fill="blue">
+        text attribute x|opacity|rotate
       <animate attributeName="x" from="100" by="400" dur="3s" repeatCount="indefinite"></animate>
       <animate attributeName="opacity" from="0.01" to="0.99" dur="3s" repeatCount="indefinite"></animate>
       <animate attributeName="rotate" from="0" to="360" dur="3s" repeatCount="indefinite"></animate>
-      text attribute x|opacity|rotate
     </text>
   </svg>
 </div>
@@ -105,7 +105,7 @@
 
 ![zh-cn_image_0000001173324699](figures/zh-cn_image_0000001173324699.gif)
 
-```
+```html
 <!-- xxx.hml -->
 <div class="container">
   <svg>
@@ -120,7 +120,7 @@
 
 ![zh-cn_image_0000001173164783](figures/zh-cn_image_0000001173164783.gif)
 
-```
+```html
 <!-- xxx.hml -->
 <div class="container">
   <svg>

zh-cn/application-dev/ui/ts-custom-component-initialization.md

@@ -10,7 +10,7 @@
 
 - 在构造组件时通过构造参数初始化，例如：
   ```
-  MyComponent(counter: $myCounter)
+  MyComponent({counter: $myCounter})
   ```
 
 

zh-cn/application-dev/ui/ts-syntactic-sugar.md

@@ -44,7 +44,7 @@ struct MyComponent {
 | @Component | struct | 结构体在装饰后具有基于组件的能力，需要实现build方法来更新UI。 |
 | @Entry | struct | 组件被装饰后作为页面的入口，页面加载时将被渲染显示。 |
 | @Preview | struct | 用@Preview装饰的自定义组件可以在DevEco Studio的预览器上进行预览，加载页面时，将创建并呈现@Preview装饰的自定义组件。 |
-| @Builder | 方法 | 在@Builder装饰的方法用通过声明式UI描述，可以在一个自定义组件内快速生成多个布局内容。 |
+| @Builder | 方法 | 在@Builder装饰的方法里，通过声明式UI描述，可以在一个自定义组件内快速生成多个布局内容。 |
 | @Extend | 方法 | @Extend装饰器将新的属性函数添加到内置组件上，通过@Extend装饰器可以快速定义并复用组件的自定义样式。 |
 | @CustomDialog | struct | @CustomDialog装饰器用于装饰自定义弹窗。 |
 | @State | 基本数据类型，类，数组 | 修饰的状态数据被修改时会触发组件的build方法进行UI界面更新。 |