!7119 VOD修改

Merge pull request !7119 from LiAn/master

!7119 VOD修改
Merge pull request !7119 from LiAn/master
7a1126ce · openharmony_ci · Gitee · c1fbd4c8 · aafad4f4 · 7a1126ce
15 changed file
--- a/en/application-dev/ui/ui-js-animate-transform.md
+++ b/en/application-dev/ui/ui-js-animate-transform.md
@@ -586,16 +586,4 @@ 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
+> - 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.
\ No newline at end of file
--- a/en/application-dev/ui/ui-js-component-tabs.md
+++ b/en/application-dev/ui/ui-js-component-tabs.md
@@ -319,11 +319,4 @@ 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
+![en-us_image_tab.gif](figures/en-us_image_tab.gif)
\ 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
@@ -139,10 +139,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
@@ -615,9 +615,4 @@ 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
+![en-us_image_0000001232162328](figures/en-us_image_0000001232162328.gif)
\ 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
@@ -328,9 +328,4 @@ 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
+![en-us_image_0000001223127756](figures/en-us_image_0000001223127756.gif)
\ 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
@@ -318,9 +318,4 @@ 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
+![en-us_image_0000001267767861](figures/en-us_image_0000001267767861.gif)
\ 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
@@ -411,9 +411,4 @@ 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
+![en-us_image_0000001267887817](figures/en-us_image_0000001267887817.gif)
\ 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
@@ -368,9 +368,4 @@ 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)
+![en-us_image_0000001231843132](figures/en-us_image_0000001231843132.gif)
\ No newline at end of file
--- a/en/application-dev/ui/ui-js-components-text.md
+++ b/en/application-dev/ui/ui-js-components-text.md
@@ -286,9 +286,4 @@ 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)
+![en-us_image_0000001267887849](figures/en-us_image_0000001267887849.gif)
\ No newline at end of file
--- 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/reference/apis/js-apis-keycode.md
+++ b/zh-cn/application-dev/reference/apis/js-apis-keycode.md
@@ -302,7 +302,7 @@ import {KeyCode} from '@ohos.multimodalInput.keyCode'
 | KEYCODE_SCREENLOCK | number | 是 | 否 | 屏幕锁定键 |
 | KEYCODE_DIRECTION_ROTATE_DISPLAY | number | 是 | 否 | 方向旋转显示键 |
 | KEYCODE_CYCLEWINDOWS | number | 是 | 否 | Windows循环键 |
-| KEYCODE_COMPUTER | number | 是 | 否 | 计算机按键 |
+| KEYCODE_COMPUTER | number | 是 | 否 | 按键 |
 | KEYCODE_EJECTCLOSECD | number | 是 | 否 | 弹出CD键 |
 | KEYCODE_ISO | number | 是 | 否 | ISO键 |
 | KEYCODE_MOVE | number | 是 | 否 | 移动键 |

--- 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)