diff --git a/zh-cn/application-dev/reference/arkui-js/Readme-CN.md b/zh-cn/application-dev/reference/arkui-js/Readme-CN.md
index 4ef8ba58b6092774b74d096a3ab36cf09996661c..57b5a42eb950abe6a58fea34736ecb449c94f9ee 100644
--- a/zh-cn/application-dev/reference/arkui-js/Readme-CN.md
+++ b/zh-cn/application-dev/reference/arkui-js/Readme-CN.md
@@ -1,98 +1,99 @@
 # 基于JS扩展的类Web开发范式
 
-- 组件
-    - 通用
-        - [通用属性](js-components-common-attributes.md)
-        - [通用样式](js-components-common-styles.md)
-        - [通用事件](js-components-common-events.md)
-        - [通用方法](js-components-common-methods.md)
-        - [动画样式](js-components-common-animation.md)
-        - [渐变样式](js-components-common-gradient.md)
-        - [转场样式](js-components-common-transition.md)
-        - [媒体查询](js-components-common-mediaquery.md)
-        - [自定义字体样式](js-components-common-customizing-font.md)
-        - [原子布局](js-components-common-atomic-layout.md)
-    - 容器组件
-        - [badge](js-components-container-badge.md)
-        - [dialog](js-components-container-dialog.md)
-        - [div](js-components-container-div.md)
-        - [form](js-components-container-form.md)
-        - [list](js-components-container-list.md)
-        - [list-item](js-components-container-list-item.md)
-        - [list-item-group](js-components-container-list-item-group.md)
-        - [panel](js-components-container-panel.md)
-        - [popup](js-components-container-popup.md)
-        - [refresh](js-components-container-refresh.md)
-        - [stack](js-components-container-stack.md)
-        - [stepper](js-components-container-stepper.md)
-        - [stepper-item](js-components-container-stepper-item.md)
-        - [swiper](js-components-container-swiper.md)
-        - [tabs](js-components-container-tabs.md)
-        - [tab-bar](js-components-container-tab-bar.md)
-        - [tab-content](js-components-container-tab-content.md)
-    - 基础组件
-        - [button](js-components-basic-button.md)
-        - [chart](js-components-basic-chart.md)
-        - [divider](js-components-basic-divider.md)
-        - [image](js-components-basic-image.md)
-        - [image-animator](js-components-basic-image-animator.md)
-        - [input](js-components-basic-input.md)
-        - [label](js-components-basic-label.md)
-        - [marquee](js-components-basic-marquee.md)
-        - [menu](js-components-basic-menu.md)
-        - [option](js-components-basic-option.md)
-        - [picker](js-components-basic-picker.md)
-        - [picker-view](js-components-basic-picker-view.md)
-        - [piece](js-components-basic-piece.md)
-        - [progress](js-components-basic-progress.md)
-        - [qrcode](js-components-basic-qrcode.md)
-        - [rating](js-components-basic-rating.md)
-        - [richtext](js-components-basic-richtext.md)
-        - [search](js-components-basic-search.md)
-        - [select](js-components-basic-select.md)
-        - [slider](js-components-basic-slider.md)
-        - [span](js-components-basic-span.md)
-        - [switch](js-components-basic-switch.md)
-        - [text](js-components-basic-text.md)
-        - [textarea](js-components-basic-textarea.md)
-        - [toolbar](js-components-basic-toolbar.md)
-        - [toolbar-item](js-components-basic-toolbar-item.md)
-        - [toggle](js-components-basic-toggle.md)
-        - [web](js-components-basic-web.md)
-        - [xcomponent](js-components-basic-xcomponent.md)
-    - 媒体组件
-        - [video](js-components-media-video.md)
-    - 画布组件
-        - [canvas组件](js-components-canvas-canvas.md)
-        - [CanvasRenderingContext2D对象](js-components-canvas-canvasrenderingcontext2d.md)
-        - [Image对象](js-components-canvas-image.md)
-        - [CanvasGradient对象](js-components-canvas-canvasgradient.md)
-        - [ImageData对象](js-components-canvas-imagedata.md)
-        - [Path2D对象](js-components-canvas-path2d.md)
-        - [ImageBitmap对象](js-components-canvas-imagebitmap.md)
-        - [OffscreenCanvas对象](js-components-canvas-offscreencanvas.md)
-        - [OffscreenCanvasRenderingContext2D对象](js-offscreencanvasrenderingcontext2d.md)
-    - 栅格组件
-        - [基本概念](js-components-grid-basic-concepts.md)
-        - [grid-container](js-components-grid-container.md)
-        - [grid-row](js-components-grid-row.md)
-        - [grid-col](js-components-grid-col.md)
-    - svg组件
-        - [通用属性](js-components-svg-common-attributes.md)
-        - [svg](js-components-svg.md)
-        - [rect](js-components-svg-rect.md)
-        - [circle](js-components-svg-circle.md)
-        - [ellipse](js-components-svg-ellipse.md)
-        - [path](js-components-svg-path.md)
-        - [line](js-components-svg-line.md)
-        - [polyline](js-components-svg-polyline.md)
-        - [polygon](js-components-svg-polygon.md)
-        - [text](js-components-svg-text.md)
-        - [tspan](js-components-svg-tspan.md)
-        - [textPath](js-components-svg-textpath.md)
-        - [animate](js-components-svg-animate.md)
-        - [animateMotion](js-components-svg-animatemotion.md)
-        - [animateTransform](js-components-svg-animatetransform.md)
+- 通用
+    - [通用属性](js-components-common-attributes.md)
+    - [通用样式](js-components-common-styles.md)
+    - [通用事件](js-components-common-events.md)
+    - [通用方法](js-components-common-methods.md)
+    - [动画样式](js-components-common-animation.md)
+    - [渐变样式](js-components-common-gradient.md)
+    - [转场样式](js-components-common-transition.md)
+    - [媒体查询](js-components-common-mediaquery.md)
+    - [自定义字体样式](js-components-common-customizing-font.md)
+    - [原子布局](js-components-common-atomic-layout.md)
+- 容器组件
+    - [badge](js-components-container-badge.md)
+    - [dialog](js-components-container-dialog.md)
+    - [div](js-components-container-div.md)
+    - [form](js-components-container-form.md)
+    - [list](js-components-container-list.md)
+    - [list-item](js-components-container-list-item.md)
+    - [list-item-group](js-components-container-list-item-group.md)
+    - [panel](js-components-container-panel.md)
+    - [popup](js-components-container-popup.md)
+    - [refresh](js-components-container-refresh.md)
+    - [stack](js-components-container-stack.md)
+    - [stepper](js-components-container-stepper.md)
+    - [stepper-item](js-components-container-stepper-item.md)
+    - [swiper](js-components-container-swiper.md)
+    - [tabs](js-components-container-tabs.md)
+    - [tab-bar](js-components-container-tab-bar.md)
+    - [tab-content](js-components-container-tab-content.md)
+- 基础组件
+    - [button](js-components-basic-button.md)
+    - [chart](js-components-basic-chart.md)
+    - [divider](js-components-basic-divider.md)
+    - [image](js-components-basic-image.md)
+    - [image-animator](js-components-basic-image-animator.md)
+    - [input](js-components-basic-input.md)
+    - [label](js-components-basic-label.md)
+    - [marquee](js-components-basic-marquee.md)
+    - [menu](js-components-basic-menu.md)
+    - [option](js-components-basic-option.md)
+    - [picker](js-components-basic-picker.md)
+    - [picker-view](js-components-basic-picker-view.md)
+    - [piece](js-components-basic-piece.md)
+    - [progress](js-components-basic-progress.md)
+    - [qrcode](js-components-basic-qrcode.md)
+    - [rating](js-components-basic-rating.md)
+    - [richtext](js-components-basic-richtext.md)
+    - [search](js-components-basic-search.md)
+    - [select](js-components-basic-select.md)
+    - [slider](js-components-basic-slider.md)
+    - [span](js-components-basic-span.md)
+    - [switch](js-components-basic-switch.md)
+    - [text](js-components-basic-text.md)
+    - [textarea](js-components-basic-textarea.md)
+    - [toolbar](js-components-basic-toolbar.md)
+    - [toolbar-item](js-components-basic-toolbar-item.md)
+    - [toggle](js-components-basic-toggle.md)
+    - [web](js-components-basic-web.md)
+    - [xcomponent](js-components-basic-xcomponent.md)
+- 媒体组件
+    - [video](js-components-media-video.md)
+- 画布组件
+    - [canvas组件](js-components-canvas-canvas.md)
+    - [CanvasRenderingContext2D对象](js-components-canvas-canvasrenderingcontext2d.md)
+    - [Image对象](js-components-canvas-image.md)
+    - [CanvasGradient对象](js-components-canvas-canvasgradient.md)
+    - [ImageData对象](js-components-canvas-imagedata.md)
+    - [Path2D对象](js-components-canvas-path2d.md)
+    - [ImageBitmap对象](js-components-canvas-imagebitmap.md)
+    - [OffscreenCanvas对象](js-components-canvas-offscreencanvas.md)
+    - [OffscreenCanvasRenderingContext2D对象](js-offscreencanvasrenderingcontext2d.md)
+- 栅格组件
+    - [基本概念](js-components-grid-basic-concepts.md)
+    - [grid-container](js-components-grid-container.md)
+    - [grid-row](js-components-grid-row.md)
+    - [grid-col](js-components-grid-col.md)
+- svg组件
+    - [通用属性](js-components-svg-common-attributes.md)
+    - [svg](js-components-svg.md)
+    - [rect](js-components-svg-rect.md)
+    - [circle](js-components-svg-circle.md)
+    - [ellipse](js-components-svg-ellipse.md)
+    - [path](js-components-svg-path.md)
+    - [line](js-components-svg-line.md)
+    - [polyline](js-components-svg-polyline.md)
+    - [polygon](js-components-svg-polygon.md)
+    - [text](js-components-svg-text.md)
+    - [tspan](js-components-svg-tspan.md)
+    - [textPath](js-components-svg-textpath.md)
+    - [animate](js-components-svg-animate.md)
+    - [animateMotion](js-components-svg-animatemotion.md)
+    - [animateTransform](js-components-svg-animatetransform.md)
+
+
 - 自定义组件
     - [基本用法](js-components-custom-basic-usage.md)
     - [继承样式](js-components-custom-style.md)
@@ -101,5 +102,4 @@
     - [事件参数](js-components-custom-event-parameter.md)
     - [slot插槽](js-components-custom-slot.md)
     - [生命周期定义](js-components-custom-lifecycle.md)
-- 附录
-    - [类型说明](js-appendix-types.md)
+- [数据类型说明](js-appendix-types.md)
diff --git a/zh-cn/application-dev/reference/arkui-js/js-appendix-types.md b/zh-cn/application-dev/reference/arkui-js/js-appendix-types.md
index 27c952f8c6c970bfa4cb427dd22baec0e61db6f4..db674a87f14740cceb8380d62bf20433b982632d 100644
--- a/zh-cn/application-dev/reference/arkui-js/js-appendix-types.md
+++ b/zh-cn/application-dev/reference/arkui-js/js-appendix-types.md
@@ -1,4 +1,4 @@
-# 类型说明
+# 数据类型说明
 
 ## 长度类型
 
@@ -10,8 +10,8 @@
 
 ## 颜色类型
 
-| 名称    | 类型定义                  | 描述                                       |
-| ----- | --------------------- | ---------------------------------------- |
+| 名称    | 类型定义                        | 描述                                       |
+| ----- | --------------------------- | ---------------------------------------- |
 | color | string&nbsp;\|&nbsp;颜色枚举字符串 | 用于描述颜色信息，JS脚本中不支持颜色枚举格式。<br/>字符串格式如下：<br/>-&nbsp;'rgb(255,&nbsp;255,&nbsp;255)'<br/>-&nbsp;'rgba(255,&nbsp;255,&nbsp;255,&nbsp;1.0)'<br/>-&nbsp;HEX格式：'\#rrggbb'，'\#aarrggbb'<br/>-&nbsp;枚举格式：'black'，'white'。 |
 
 **表1** 当前支持的颜色枚举
diff --git a/zh-cn/application-dev/reference/arkui-ts/Readme-CN.md b/zh-cn/application-dev/reference/arkui-ts/Readme-CN.md
index 8ede58289bc7bd713acbef69bf75e8463999a808..1695c7d920128c10e0d842c1dfe1a174bc5aa3bc 100644
--- a/zh-cn/application-dev/reference/arkui-ts/Readme-CN.md
+++ b/zh-cn/application-dev/reference/arkui-ts/Readme-CN.md
@@ -1,138 +1,139 @@
 # 基于TS扩展的声明式开发范式
 
-- 组件
-    - 通用
-        - 通用事件
-            - [点击事件](ts-universal-events-click.md)
-            - [触摸事件](ts-universal-events-touch.md)
-            - [挂载卸载事件](ts-universal-events-show-hide.md)
-            - [拖拽事件](ts-universal-events-drag-drop.md)
-            - [按键事件](ts-universal-events-key.md)
-            - [焦点事件](ts-universal-focus-event.md)
-            - [鼠标事件](ts-universal-mouse-key.md)
-            - [组件区域变化事件](ts-universal-component-area-change-event.md)
-            - [组件可见区域变化事件](ts-universal-component-visible-area-change-event.md)
-        - 通用属性
-            - [尺寸设置](ts-universal-attributes-size.md)
-            - [位置设置](ts-universal-attributes-location.md)
-            - [布局约束](ts-universal-attributes-layout-constraints.md)
-            - [Flex布局](ts-universal-attributes-flex-layout.md)
-            - [边框设置](ts-universal-attributes-border.md)
-            - [图片边框设置](ts-universal-attributes-border-image.md)
-            - [背景设置](ts-universal-attributes-background.md)
-            - [透明度设置](ts-universal-attributes-opacity.md)
-            - [显隐控制](ts-universal-attributes-visibility.md)
-            - [禁用控制](ts-universal-attributes-enable.md)
-            - [浮层](ts-universal-attributes-overlay.md)
-            - [Z序控制](ts-universal-attributes-z-order.md)
-            - [图形变换](ts-universal-attributes-transformation.md)
-            - [图像效果](ts-universal-attributes-image-effect.md)
-            - [形状裁剪](ts-universal-attributes-sharp-clipping.md)
-            - [文本样式设置](ts-universal-attributes-text-style.md)
-            - [栅格设置](ts-universal-attributes-grid.md)
-            - [颜色渐变](ts-universal-attributes-gradient-color.md)
-            - [Popup控制](ts-universal-attributes-popup.md)
-            - [Menu控制](ts-universal-attributes-menu.md)
-            - [点击控制](ts-universal-attributes-click.md)
-            - [焦点控制](ts-universal-attributes-focus.md)
-            - [悬浮态效果](ts-universal-attributes-hover-effect.md)
-            - [组件标识](ts-universal-attributes-component-id.md)
-            - [触摸热区设置](ts-universal-attributes-touch-target.md)
-            - [多态样式](ts-universal-attributes-polymorphic-style.md)
-        - 手势处理
-            - [绑定手势方法](ts-gesture-settings.md)
-            - 基础手势
-                - [TapGesture](ts-basic-gestures-tapgesture.md)
-                - [LongPressGesture](ts-basic-gestures-longpressgesture.md)
-                - [PanGesture](ts-basic-gestures-pangesture.md)
-                - [PinchGesture](ts-basic-gestures-pinchgesture.md)
-                - [RotationGesture](ts-basic-gestures-rotationgesture.md)
-                - [SwipeGesture](ts-basic-gestures-swipegesture.md)
-            - [组合手势](ts-combined-gestures.md)
-    - 基础组件
-        - [Blank](ts-basic-components-blank.md)
-        - [Button](ts-basic-components-button.md)
-        - [Checkbox](ts-basic-components-checkbox.md)
-        - [CheckboxGroup](ts-basic-components-checkboxgroup.md)
-        - [DataPanel](ts-basic-components-datapanel.md)
-        - [DatePicker](ts-basic-components-datepicker.md)
-        - [Divider](ts-basic-components-divider.md)
-        - [Gauge](ts-basic-components-gauge.md)
-        - [Image](ts-basic-components-image.md)
-        - [ImageAnimator](ts-basic-components-imageanimator.md)
-        - [LoadingProgress](ts-basic-components-loadingprogress.md)
-        - [Marquee](ts-basic-components-marquee.md)
-        - [Navigation](ts-basic-components-navigation.md)
-        - [PatternLock](ts-basic-components-patternlock.md)
-        - [PluginComponent](ts-basic-components-plugincomponent.md)
-        - [Progress](ts-basic-components-progress.md)
-        - [QRCode](ts-basic-components-qrcode.md)
-        - [Radio](ts-basic-components-radio.md)
-        - [Rating](ts-basic-components-rating.md)
-        - [RemoteWindow](ts-basic-components-remotewindow.md)
-        - [RichText](ts-basic-components-richtext.md)
-        - [ScrollBar](ts-basic-components-scrollbar.md)
-        - [Search](ts-basic-components-search.md)
-        - [Select](ts-basic-components-select.md)
-        - [Slider](ts-basic-components-slider.md)
-        - [Span](ts-basic-components-span.md)
-        - [Stepper](ts-basic-components-stepper.md)
-        - [StepperItem](ts-basic-components-stepperitem.md)
-        - [Text](ts-basic-components-text.md)
-        - [TextArea](ts-basic-components-textarea.md)
-        - [TextClock](ts-basic-components-textclock.md)
-        - [TextInput](ts-basic-components-textinput.md)
-        - [TextPicker](ts-basic-components-textpicker.md)
-        - [TextTimer](ts-basic-components-texttimer.md)
-        - [TimePicker](ts-basic-components-timepicker.md)
-        - [Toggle](ts-basic-components-toggle.md)
-        - [Web](ts-basic-components-web.md)
-        - [XComponent](ts-basic-components-xcomponent.md)
-    - 容器组件
-        - [AbilityComponent](ts-container-ability-component.md)
-        - [AlphabetIndexer](ts-container-alphabet-indexer.md)
-        - [Badge](ts-container-badge.md)
-        - [Column](ts-container-column.md)
-        - [ColumnSplit](ts-container-columnsplit.md)
-        - [Counter](ts-container-counter.md)
-        - [Flex](ts-container-flex.md)
-        - [GridContainer](ts-container-gridcontainer.md)
-        - [Grid](ts-container-grid.md)
-        - [GridItem](ts-container-griditem.md)
-        - [List](ts-container-list.md)
-        - [ListItem](ts-container-listitem.md)
-        - [Navigator](ts-container-navigator.md)        
-        - [Panel](ts-container-panel.md)
-        - [Refresh](ts-container-refresh.md)
-        - [RelativeContainer](ts-container-relativecontainer.md)
-        - [Row](ts-container-row.md)
-        - [RowSplit](ts-container-rowsplit.md)
-        - [Scroll](ts-container-scroll.md)       
-        - [SideBarContainer](ts-container-sidebarcontainer.md)
-        - [Stack](ts-container-stack.md)       
-        - [Swiper](ts-container-swiper.md)
-        - [Tabs](ts-container-tabs.md)
-        - [TabContent](ts-container-tabcontent.md)
-    - 媒体组件
-        - [Video](ts-media-components-video.md)
-    - 绘制组件
-        - [Circle](ts-drawing-components-circle.md)
-        - [Ellipse](ts-drawing-components-ellipse.md)
-        - [Line](ts-drawing-components-line.md)
-        - [Polyline](ts-drawing-components-polyline.md)
-        - [Polygon](ts-drawing-components-polygon.md)
-        - [Path](ts-drawing-components-path.md)
-        - [Rect](ts-drawing-components-rect.md)
-        - [Shape](ts-drawing-components-shape.md)
-    - 画布组件
-        - [Canvas](ts-components-canvas-canvas.md)
-        - [CanvasRenderingContext2D对象](ts-canvasrenderingcontext2d.md)
-        - [OffscreenCanvasRenderingConxt2D对象](ts-offscreencanvasrenderingcontext2d.md)
-        - [Lottie](ts-components-canvas-lottie.md)
-        - [Path2D对象](ts-components-canvas-path2d.md)
-        - [CanvasGradient对象](ts-components-canvas-canvasgradient.md)
-        - [ImageBitmap对象](ts-components-canvas-imagebitmap.md)
-        - [ImageData对象](ts-components-canvas-imagedata.md)
+- 组件通用信息
+    - 通用事件
+        - [点击事件](ts-universal-events-click.md)
+        - [触摸事件](ts-universal-events-touch.md)
+        - [挂载卸载事件](ts-universal-events-show-hide.md)
+        - [拖拽事件](ts-universal-events-drag-drop.md)
+        - [按键事件](ts-universal-events-key.md)
+        - [焦点事件](ts-universal-focus-event.md)
+        - [鼠标事件](ts-universal-mouse-key.md)
+        - [组件区域变化事件](ts-universal-component-area-change-event.md)
+        - [组件可见区域变化事件](ts-universal-component-visible-area-change-event.md)
+    - 通用属性
+        - [尺寸设置](ts-universal-attributes-size.md)
+        - [位置设置](ts-universal-attributes-location.md)
+        - [布局约束](ts-universal-attributes-layout-constraints.md)
+        - [Flex布局](ts-universal-attributes-flex-layout.md)
+        - [边框设置](ts-universal-attributes-border.md)
+        - [图片边框设置](ts-universal-attributes-border-image.md)
+        - [背景设置](ts-universal-attributes-background.md)
+        - [透明度设置](ts-universal-attributes-opacity.md)
+        - [显隐控制](ts-universal-attributes-visibility.md)
+        - [禁用控制](ts-universal-attributes-enable.md)
+        - [浮层](ts-universal-attributes-overlay.md)
+        - [Z序控制](ts-universal-attributes-z-order.md)
+        - [图形变换](ts-universal-attributes-transformation.md)
+        - [图像效果](ts-universal-attributes-image-effect.md)
+        - [形状裁剪](ts-universal-attributes-sharp-clipping.md)
+        - [文本样式设置](ts-universal-attributes-text-style.md)
+        - [栅格设置](ts-universal-attributes-grid.md)
+        - [颜色渐变](ts-universal-attributes-gradient-color.md)
+        - [Popup控制](ts-universal-attributes-popup.md)
+        - [Menu控制](ts-universal-attributes-menu.md)
+        - [点击控制](ts-universal-attributes-click.md)
+        - [焦点控制](ts-universal-attributes-focus.md)
+        - [悬浮态效果](ts-universal-attributes-hover-effect.md)
+        - [组件标识](ts-universal-attributes-component-id.md)
+        - [触摸热区设置](ts-universal-attributes-touch-target.md)
+        - [多态样式](ts-universal-attributes-polymorphic-style.md)
+    - 手势处理
+        - [绑定手势方法](ts-gesture-settings.md)
+        - 基础手势
+            - [TapGesture](ts-basic-gestures-tapgesture.md)
+            - [LongPressGesture](ts-basic-gestures-longpressgesture.md)
+            - [PanGesture](ts-basic-gestures-pangesture.md)
+            - [PinchGesture](ts-basic-gestures-pinchgesture.md)
+            - [RotationGesture](ts-basic-gestures-rotationgesture.md)
+            - [SwipeGesture](ts-basic-gestures-swipegesture.md)
+        - [组合手势](ts-combined-gestures.md)
+- 基础组件
+    - [Blank](ts-basic-components-blank.md)
+    - [Button](ts-basic-components-button.md)
+    - [Checkbox](ts-basic-components-checkbox.md)
+    - [CheckboxGroup](ts-basic-components-checkboxgroup.md)
+    - [DataPanel](ts-basic-components-datapanel.md)
+    - [DatePicker](ts-basic-components-datepicker.md)
+    - [Divider](ts-basic-components-divider.md)
+    - [Gauge](ts-basic-components-gauge.md)
+    - [Image](ts-basic-components-image.md)
+    - [ImageAnimator](ts-basic-components-imageanimator.md)
+    - [LoadingProgress](ts-basic-components-loadingprogress.md)
+    - [Marquee](ts-basic-components-marquee.md)
+    - [Navigation](ts-basic-components-navigation.md)
+    - [PatternLock](ts-basic-components-patternlock.md)
+    - [PluginComponent](ts-basic-components-plugincomponent.md)
+    - [Progress](ts-basic-components-progress.md)
+    - [QRCode](ts-basic-components-qrcode.md)
+    - [Radio](ts-basic-components-radio.md)
+    - [Rating](ts-basic-components-rating.md)
+    - [RemoteWindow](ts-basic-components-remotewindow.md)
+    - [RichText](ts-basic-components-richtext.md)
+    - [ScrollBar](ts-basic-components-scrollbar.md)
+    - [Search](ts-basic-components-search.md)
+    - [Select](ts-basic-components-select.md)
+    - [Slider](ts-basic-components-slider.md)
+    - [Span](ts-basic-components-span.md)
+    - [Stepper](ts-basic-components-stepper.md)
+    - [StepperItem](ts-basic-components-stepperitem.md)
+    - [Text](ts-basic-components-text.md)
+    - [TextArea](ts-basic-components-textarea.md)
+    - [TextClock](ts-basic-components-textclock.md)
+    - [TextInput](ts-basic-components-textinput.md)
+    - [TextPicker](ts-basic-components-textpicker.md)
+    - [TextTimer](ts-basic-components-texttimer.md)
+    - [TimePicker](ts-basic-components-timepicker.md)
+    - [Toggle](ts-basic-components-toggle.md)
+    - [Web](ts-basic-components-web.md)
+    - [XComponent](ts-basic-components-xcomponent.md)
+- 容器组件
+    - [AbilityComponent](ts-container-ability-component.md)
+    - [AlphabetIndexer](ts-container-alphabet-indexer.md)
+    - [Badge](ts-container-badge.md)
+    - [Column](ts-container-column.md)
+    - [ColumnSplit](ts-container-columnsplit.md)
+    - [Counter](ts-container-counter.md)
+    - [Flex](ts-container-flex.md)
+    - [GridContainer](ts-container-gridcontainer.md)
+    - [Grid](ts-container-grid.md)
+    - [GridItem](ts-container-griditem.md)
+    - [List](ts-container-list.md)
+    - [ListItem](ts-container-listitem.md)
+    - [Navigator](ts-container-navigator.md)        
+    - [Panel](ts-container-panel.md)
+    - [Refresh](ts-container-refresh.md)
+    - [RelativeContainer](ts-container-relativecontainer.md)
+    - [Row](ts-container-row.md)
+    - [RowSplit](ts-container-rowsplit.md)
+    - [Scroll](ts-container-scroll.md)       
+    - [SideBarContainer](ts-container-sidebarcontainer.md)
+    - [Stack](ts-container-stack.md)       
+    - [Swiper](ts-container-swiper.md)
+    - [Tabs](ts-container-tabs.md)
+    - [TabContent](ts-container-tabcontent.md)
+- 媒体组件
+    - [Video](ts-media-components-video.md)
+- 绘制组件
+    - [Circle](ts-drawing-components-circle.md)
+    - [Ellipse](ts-drawing-components-ellipse.md)
+    - [Line](ts-drawing-components-line.md)
+    - [Polyline](ts-drawing-components-polyline.md)
+    - [Polygon](ts-drawing-components-polygon.md)
+    - [Path](ts-drawing-components-path.md)
+    - [Rect](ts-drawing-components-rect.md)
+    - [Shape](ts-drawing-components-shape.md)
+- 画布组件
+    - [Canvas](ts-components-canvas-canvas.md)
+    - [CanvasRenderingContext2D对象](ts-canvasrenderingcontext2d.md)
+    - [OffscreenCanvasRenderingConxt2D对象](ts-offscreencanvasrenderingcontext2d.md)
+    - [Lottie](ts-components-canvas-lottie.md)
+    - [Path2D对象](ts-components-canvas-path2d.md)
+    - [CanvasGradient对象](ts-components-canvas-canvasgradient.md)
+    - [ImageBitmap对象](ts-components-canvas-imagebitmap.md)
+    - [ImageData对象](ts-components-canvas-imagedata.md)
+
+
 - 动画
     - [属性动画](ts-animatorproperty.md)
     - [显式动画](ts-explicit-animation.md)
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-canvasrenderingcontext2d.md b/zh-cn/application-dev/reference/arkui-ts/ts-canvasrenderingcontext2d.md
index a6e99ab755ec74558dd8c0db1b891ef1da39e07e..509e251930194036186e44cfd9519cc348d9564e 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-canvasrenderingcontext2d.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-canvasrenderingcontext2d.md
@@ -24,8 +24,8 @@ RenderingContextSettings(antialias?: boolean)
 用来配置CanvasRenderingContext2D对象的参数，包括是否开启抗锯齿。
 
 - 参数
-  | 参数名       | 参数类型 | 必填   | 默认值   | 参数描述             |
-  | --------- | ---- | ---- | ----- | ---------------- |
+  | 参数名       | 参数类型    | 必填   | 默认值   | 参数描述             |
+  | --------- | ------- | ---- | ----- | ---------------- |
   | antialias | boolean | 否    | false | 表明canvas是否开启抗锯齿。 |
 
 
@@ -1746,17 +1746,17 @@ drawImage(image: ImageBitmap | PixelMap, sx: number, sy: number, sWidth: number,
 进行图像绘制。
 
 - 参数
-  | 参数      | 类型                                       | 必填   | 默认值  | 描述                            |
-  | ------- | ---------------------------------------- | ---- | ---- | ----------------------------- |
-  | image   | [ImageBitmap](ts-components-canvas-imagebitmap.md)或[PixelMap](../apis/js-apis-image.md#pixelmap7) | 是    | null | 图片资源，请参考ImageBitmap或PixelMap。 |
-  | sx      | number                                   | 否    | 0    | 裁切源图像时距离源图像左上角的x坐标值。          |
-  | sy      | number                                   | 否    | 0    | 裁切源图像时距离源图像左上角的y坐标值。          |
-  | sWidth  | number                                   | 否    | 0    | 裁切源图像时需要裁切的宽度。                |
-  | sHeight | number                                   | 否    | 0    | 裁切源图像时需要裁切的高度。                |
-  | dx      | number                                   | 是    | 0    | 绘制区域左上角在x轴的位置。                |
-  | dy      | number                                   | 是    | 0    | 绘制区域左上角在y&nbsp;轴的位置。          |
-  | dWidth  | number                                   | 否    | 0    | 绘制区域的宽度。                      |
-  | dHeight | number                                   | 否    | 0    | 绘制区域的高度。                      |
+  | 参数      | 类型                                       | 必填   | 默认值  | 描述                                       |
+  | ------- | ---------------------------------------- | ---- | ---- | ---------------------------------------- |
+  | image   | [ImageBitmap](ts-components-canvas-imagebitmap.md)或[PixelMap](../apis/js-apis-image.md#pixelmap7) | 是    | null | 图片资源，请参考ImageBitmap或PixelMap。            |
+  | sx      | number                                   | 否    | 0    | 裁切源图像时距离源图像左上角的x坐标值。                     |
+  | sy      | number                                   | 否    | 0    | 裁切源图像时距离源图像左上角的y坐标值。                     |
+  | sWidth  | number                                   | 否    | 0    | 裁切源图像时需要裁切的宽度。                           |
+  | sHeight | number                                   | 否    | 0    | 裁切源图像时需要裁切的高度。                           |
+  | dx      | number                                   | 是    | 0    | 绘制区域左上角在x轴的位置。                           |
+  | dy      | number                                   | 是    | 0    | 绘制区域左上角在y&nbsp;轴的位置。                     |
+  | dWidth  | number                                   | 否    | 0    | 绘制区域的宽度。当绘制区域的宽度和裁剪图像的宽度不一致时，将图像宽度拉伸或压缩为绘制区域的宽度。 |
+  | dHeight | number                                   | 否    | 0    | 绘制区域的高度。当绘制区域的高度和裁剪图像的高度不一致时，将图像高度拉伸或压缩为绘制区域的高度。 |
 
 
 - 示例
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md
index 178f2166c5bfa05c2e89d97b5e1084e064bbbc0e..65ecaca1ec862b6c3e1adcaa6dec536c82f68960 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md
@@ -35,7 +35,7 @@ Swiper(value:{controller?: SwiperController})
 | autoPlay                    | boolean                                  | false      | 子组件是否自动播放，自动播放状态下，导航点不可操作。               |
 | interval                    | number                                   | 3000       | 使用自动播放时播放的时间间隔，单位为毫秒。                    |
 | indicator                   | boolean                                  | true       | 是否启用导航点指示器。                              |
-| loop                        | boolean                                  | true       | 是否开启循环。                                  |
+| loop                        | boolean                                  | true       | 是否开启循环。<br>设置为true时表示开启循环，在LazyForEach懒循环加载模式下，加载的组件数量建议大于5个。 |
 | duration                    | number                                   | 400        | 子组件切换的动画时长，单位为毫秒。                        |
 | vertical                    | boolean                                  | false      | 是否为纵向滑动。                                 |
 | itemSpace                   | Length                                   | 0          | 设置子组件与子组件之间间隙。                           |