!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,14 +3,14 @@
 文本，用于呈现一段信息。
 
 
-> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明：**
-> - 该组件从API version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
-> 
-> - 文本的展示内容需要写在元素标签内，可嵌套tspan子元素标签分段，可嵌套textPath子元素标签按指定路径绘制。
-> 
-> - 只支持被父元素标签svg嵌套。
-> 
-> - 只支持默认字体sans-serif。
+>  **说明：**
+>  - 该组件从API version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
+>
+>  - 文本的展示内容需要写在元素标签内，可嵌套tspan子元素标签分段，可嵌套textPath子元素标签按指定路径绘制。
+>
+>  - 只支持被父元素标签svg嵌套。
+>
+>  - 只支持默认字体sans-serif。
 
 ## 权限列表
 
@@ -26,26 +26,26 @@
 
 支持以下表格中的属性。
 
-| 名称 | 类型 | 默认值 | 必填 | 描述 |
-| -------- | -------- | -------- | -------- | -------- |
-| id | string | - | 否 | 组件的唯一标识。 |
-| x | <length>\|<percentage> | 0 | 否 | 设置组件左上角x轴坐标 |
-| y | <length>\|<percentage> | 0 | 否 | 设置组件左上角y轴坐标 |
-| dx | <length>\|<percentage> | 0 | 否 | 设置文本x轴偏移 |
-| dy | <length>\|<percentage> | 0 | 否 | 设置文本y轴偏移 |
-| rotate | number | 0 | 否 | 字体以左下角为圆心旋转角度，正数顺时针，负数逆时针 |
-| font-size | <length> | 30px | 否 | 设置文本的尺寸。 |
-| fill | <color> | black | 否 | 字体填充颜色 |
-| fill-opacity | number | 1.0 | 否 | 字体填充透明度 |
-| opacity | number | 1 | 否 | 元素的透明度，取值范围为0到1，1表示为不透明，0表示为完全透明。支持属性动画。 |
-| stroke | <color> | black | 否 | 绘制字体边框并指定颜色 |
-| stroke-width | number | 1px | 否 | 字体边框宽度 |
-| stroke-opacity | number | 1.0 | 否 | 字体边框透明度 |
+| 名称             | 类型                                 | 默认值   | 必填   | 描述                                       |
+| -------------- | ---------------------------------- | ----- | ---- | ---------------------------------------- |
+| id             | string                             | -     | 否    | 组件的唯一标识。                                 |
+| x              | <length>\|<percentage> | 0     | 否    | 设置组件左上角x轴坐标                              |
+| y              | <length>\|<percentage> | 0     | 否    | 设置组件左上角y轴坐标                              |
+| dx             | <length>\|<percentage> | 0     | 否    | 设置文本x轴偏移                                 |
+| dy             | <length>\|<percentage> | 0     | 否    | 设置文本y轴偏移                                 |
+| rotate         | number                             | 0     | 否    | 字体以左下角为圆心旋转角度，正数顺时针，负数逆时针                |
+| font-size      | <length>                     | 30px  | 否    | 设置文本的尺寸。                                 |
+| fill           | <color>                      | black | 否    | 字体填充颜色                                   |
+| fill-opacity   | number                             | 1.0   | 否    | 字体填充透明度                                  |
+| opacity        | number                             | 1     | 否    | 元素的透明度，取值范围为0到1，1表示为不透明，0表示为完全透明。支持属性动画。 |
+| stroke         | <color>                      | black | 否    | 绘制字体边框并指定颜色                              |
+| stroke-width   | number                             | 1px   | 否    | 字体边框宽度                                   |
+| stroke-opacity | number                             | 1.0   | 否    | 字体边框透明度                                  |
 
 
 ## 示例
 
-```
+```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界面更新。 |