!7120 VOD修改

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

!7120 VOD修改
Merge pull request !7120 from LiAn/OpenHarmony-3.1-Release
fea720f6 · openharmony_ci · Gitee · 4d17b7ee · 9d728464 · fea720f6
15 changed file
--- a/en/application-dev/ui/ui-js-animate-transform.md
+++ b/en/application-dev/ui/ui-js-animate-transform.md
@@ -587,15 +587,3 @@ You can set multiple transform attributes at the same time to apply different tr
 > - When using the shorthand notion, note that the animation effect varies according to the sequence of the style values.
 > 
 > - The style values in the transform attribute used when the animation starts and ends must be in one-to-one mapping. Only the styles that have value mappings are played.
-## Samples
-The following samples are provided to help you better understand how to develop animations with the **transform** attribute: 
- [`JsAnimation`: Animation App (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsAnimation)
- [`JsAnimationStyle`: JS Animation and Custom Font Styles (API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsAnimationStyle)
- [`Clock`: Clock (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/common/Clock)
- [Animation Styles (JavaScaript)](https://gitee.com/openharmony/codelabs/tree/master/JSUI/AnimationDemo)
- [Common Image Operations](https://gitee.com/openharmony/codelabs/tree/master/Media/ImageJsDemo)
\ No newline at end of file
--- a/en/application-dev/ui/ui-js-building-ui-component.md
+++ b/en/application-dev/ui/ui-js-building-ui-component.md
@@ -19,18 +19,3 @@ Components can be classified into the following types based on their functions.
 | Canvas | canvas |
 | Grid | grid-container, grid-row, grid-col |
 | SVG | svg, rect, circle, ellipse, path, line, polyline, polygon, text, tspan, textPath, animate, animateMotion, animateTransform |
-## Samples
-The following samples are provided to help you better understand how to develop components: 
- [`JsPanel`: Content Display Panel (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsPanel)
- [`Popup`: JavaScript Bubble (API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/Popup)
- [`RefreshContainer`: Refresh Container (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/RefreshContainer)
- [`JSComponments`:  JavaScript Bubble (API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JSComponments)
- [`JsUserRegistration`: User Registration (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsUserRegistration)
- [`ECG`: Heart Rate Detection (JavaScript, API 7)](https://gitee.com/openharmony/app_samples/tree/master/common/ECG)
- [`Badge`: Badge (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/Badge)
- [`JsVideo`: JsVideo (API 8)](https://gitee.com/openharmony/app_samples/tree/master/media/JsVideo)
- [Rating (JavaScript)](https://gitee.com/openharmony/codelabs/tree/master/JSUI/RatingApplication)
- [Simple Video Player](https://gitee.com/openharmony/codelabs/tree/master/Media/VideoOpenHarmony)
--- a/en/application-dev/ui/ui-js-component-tabs.md
+++ b/en/application-dev/ui/ui-js-component-tabs.md
@@ -320,10 +320,3 @@ export default {
 ```
 ![en-us_image_tab.gif](figures/en-us_image_tab.gif)
-## Samples
-The following sample is provided to help you better understand how to develop the **&lt;tabs&gt;** component:
-[`Tabs`: Tabs (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/Tabs)
\ No newline at end of file
--- a/en/application-dev/ui/ui-js-components-canvas.md
+++ b/en/application-dev/ui/ui-js-components-canvas.md
@@ -140,9 +140,3 @@ export default {
 > ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE**<br/>
 > The **&lt;canvas&gt;** component cannot be created in **onInit** or **onReady**.
-## Samples
-The following sample is provided to help you better understand how to develop the **\<canvas>** component:
-[`JsCanvas`: \<canvas> (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsCanvas)
--- a/en/application-dev/ui/ui-js-components-chart.md
+++ b/en/application-dev/ui/ui-js-components-chart.md
@@ -616,8 +616,3 @@ export default {
 ```
 ![en-us_image_0000001232162328](figures/en-us_image_0000001232162328.gif)
-## Samples
-The following sample is provided to help you better understand how to develop the **&lt;chart&gt;** component:
-[`Chart`: chart (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/chart)
\ No newline at end of file
--- a/en/application-dev/ui/ui-js-components-dialog.md
+++ b/en/application-dev/ui/ui-js-components-dialog.md
@@ -329,8 +329,3 @@ export default {
 ![en-us_image_0000001223127756](figures/en-us_image_0000001223127756.gif)
-## Samples
-The following sample is provided to help you better understand how to develop the **&lt;dialog&gt;** component:
-[`JsDialog`: JS Dialog Box (API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsDialog)
\ No newline at end of file
--- a/en/application-dev/ui/ui-js-components-list.md
+++ b/en/application-dev/ui/ui-js-components-list.md
@@ -319,8 +319,3 @@ export default {
 ![en-us_image_0000001267767861](figures/en-us_image_0000001267767861.gif)
-## Samples
-The following sample is provided to help you better understand how to develop the **&lt;list&gt;** component:
-[`JsList`: JSList Offerings (API 7)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsList)
\ No newline at end of file
--- a/en/application-dev/ui/ui-js-components-stepper.md
+++ b/en/application-dev/ui/ui-js-components-stepper.md
@@ -412,8 +412,3 @@ export default {
 ```
 ![en-us_image_0000001267887817](figures/en-us_image_0000001267887817.gif)
-## Samples
-The following sample is provided to help you better understand how to develop the **&lt;stepper&gt;** component:
-[`StepNavigator`: StepNavigator (JavaScript, API 7)](https://gitee.com/openharmony/app_samples/tree/master/UI/StepNavigator)
\ No newline at end of file
--- a/en/application-dev/ui/ui-js-components-swiper.md
+++ b/en/application-dev/ui/ui-js-components-swiper.md
@@ -369,8 +369,3 @@ export default {
 ```
 ![en-us_image_0000001231843132](figures/en-us_image_0000001231843132.gif)
-## Samples
-The following sample is provided to help you better understand how to develop the **&lt;swiper&gt;** component:
- [`Swiper`: Swiper (JavaScript, API 7)](https://gitee.com/openharmony/app_samples/tree/master/UI/Swiper)
--- a/en/application-dev/ui/ui-js-components-text.md
+++ b/en/application-dev/ui/ui-js-components-text.md
@@ -287,8 +287,3 @@ export default {
 ```
 ![en-us_image_0000001267887849](figures/en-us_image_0000001267887849.gif)
-## Samples
-The following sample is provided to help you better understand how to develop the **&lt;text&gt;** component:
- [`JsTextComponents`:  JavaScript Basic Components (API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsBasicComponents)
--- a/zh-cn/application-dev/quick-start/basic-resource-file-categories.md
+++ b/zh-cn/application-dev/quick-start/basic-resource-file-categories.md
@@ -75,7 +75,4 @@ base目录与限定词目录下面可以创建资源组目录（包括element、
 | --------- | ---------------------------------------- | ---------------------------------------- |
 | element   | 表示元素资源，以下每一类数据都采用相应的JSON文件来表征。<br/>-&nbsp;boolean，布尔型<br/>-&nbsp;color，颜色<br/>-&nbsp;float，浮点型<br/>-&nbsp;intarray，整型数组<br/>-&nbsp;integer，整型<br/>-&nbsp;pattern，样式<br/>-&nbsp;plural，复数形式<br/>-&nbsp;strarray，字符串数组<br/>-&nbsp;string，字符串 | element目录中的文件名称建议与下面的文件名保持一致。每个文件中只能包含同一类型的数据。<br/>-&nbsp;boolean.json<br/>-&nbsp;color.json<br/>-&nbsp;float.json<br/>-&nbsp;intarray.json<br/>-&nbsp;integer.json<br/>-&nbsp;pattern.json<br/>-&nbsp;plural.json<br/>-&nbsp;strarray.json<br/>-&nbsp;string.json |
 | media     | 表示媒体资源，包括图片、音频、视频等非文本格式的文件。              | 文件名可自定义，例如：icon.png。                     |
-| animation | 表示动画资源，采用XML文件格式。                        | 文件名可自定义，例如：zoom_in.xml。                  |
-| layout    | 表示布局资源，采用XML文件格式。                        | 文件名可自定义，例如：home_layout.xml。              |
-| graphic   | 表示可绘制资源，采用XML文件格式。                       | 文件名可自定义，例如：notifications_dark.xml。       |
 | profile   | 表示其他类型文件，以原始文件形式保存。                      | 文件名可自定义。                                 |
--- a/zh-cn/application-dev/ui/js-framework-syntax-css.md
+++ b/zh-cn/application-dev/ui/js-framework-syntax-css.md
 # CSS语法参考
-CSS是描述HML页面结构的样式语言。所有组件均存在系统默认样式，也可在页面CSS样式文件中对组件、页面自定义不同的样式。
+CSS是描述HML页面结构的样式语言。所有组件均存在系统默认样式，也可在页面CSS样式文件中对组件、页面自定义不同的样式。请参考[通用样式](../reference/arkui-js/js-components-common-styles.md)了解基于JS扩展的类Web开发范式支持的组件样式。
 ## 尺寸单位

--- a/zh-cn/application-dev/ui/ts-component-based-component.md
+++ b/zh-cn/application-dev/ui/ts-component-based-component.md
@@ -12,7 +12,7 @@
 - 数据驱动更新：由状态变量的数据驱动，实现UI自动更新。
-对组件化的深入描述，请参考深入理解组件化。
+对组件化的深入描述，请参考[深入理解组件化](ts-custom-component-initialization.md)。
 > **说明：**

--- a/zh-cn/application-dev/ui/ts-component-based-styles.md
+++ b/zh-cn/application-dev/ui/ts-component-based-styles.md
@@ -4,7 +4,7 @@
 @Styles装饰器将新的属性函数添加到基本组件上，如Text、Column、Button等。当前@Styles仅支持通用属性。通过@Styles装饰器可以快速定义并复用组件的自定义样式。
-@Styles可以定义在组件内或组件外，在组件外定义时需带上function关键字，组件内定义时不需要。
+@Styles可以定义在组件内或组件外，在组件外定义时需在方法前添加function关键字，组件内定义时不需要添加function关键字。
 ```

--- a/zh-cn/application-dev/ui/ui-ts-creating-simple-page.md
+++ b/zh-cn/application-dev/ui/ui-ts-creating-simple-page.md
@@ -440,9 +440,6 @@
           .fontWeight(FontWeight.Bold)
           .layoutWeight(1)
         Flex({ alignItems: ItemAlign.Center }) {
-           Circle({width: 6, height: 6})
-             .margin({right: 12})
-             .fill(colorValue)
           Text(name)
             .fontSize(17.4)
             .flexGrow(1)