diff --git a/zh-cn/application-dev/quick-start/arkts-style.md b/zh-cn/application-dev/quick-start/arkts-style.md
index 04a862b4a6c13dd6386738971e8630b883707e2b..3fbf608cb33814888c1ad2012fe0578d952d3044 100644
--- a/zh-cn/application-dev/quick-start/arkts-style.md
+++ b/zh-cn/application-dev/quick-start/arkts-style.md
@@ -94,7 +94,7 @@ struct FancyUse {
       Text('FancyA')
         .globalFancy ()
         .fontSize(30)
-      // 使用全局的@Styles封装的样式
+      // 使用组件内的@Styles封装的样式
       Text('FancyB')
         .fancy()
         .fontSize(30)
diff --git a/zh-cn/application-dev/reference/apis/js-apis-animator.md b/zh-cn/application-dev/reference/apis/js-apis-animator.md
index 60f48b95676728d8e43f7c15edf5fbc7d374232d..f68d1303b3f40b41f77d6bb73c8fc30f84a360f3 100644
--- a/zh-cn/application-dev/reference/apis/js-apis-animator.md
+++ b/zh-cn/application-dev/reference/apis/js-apis-animator.md
@@ -6,7 +6,7 @@
 >
 > 本模块首批接口从API version 6开始支持。后续版本的新增接口，采用上角标单独标记接口的起始版本。
 >
-> 该模块不支持在[UIAbility](./js-apis-app-ability-uiAbility.md)中使用。
+> 该模块不支持在[UIAbility](./js-apis-app-ability-uiAbility.md)中使用，需要在创建组件实例后使用。
 
 
 ## 导入模块
diff --git a/zh-cn/application-dev/reference/apis/js-apis-mediaquery.md b/zh-cn/application-dev/reference/apis/js-apis-mediaquery.md
index 44a24be4f6bed086ce2a089b45b752f3b537035d..3f78f1ce07e9331ed1a7d2c8bfbb5930b1061071 100644
--- a/zh-cn/application-dev/reference/apis/js-apis-mediaquery.md
+++ b/zh-cn/application-dev/reference/apis/js-apis-mediaquery.md
@@ -6,7 +6,7 @@
 >
 > 从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
 >
-> 该模块不支持在[UIAbility](./js-apis-app-ability-uiAbility.md)中使用。
+> 该模块不支持在[UIAbility](./js-apis-app-ability-uiAbility.md)中使用，需要在创建组件实例后使用。
 
 
 ## 导入模块
diff --git a/zh-cn/application-dev/reference/apis/js-apis-promptAction.md b/zh-cn/application-dev/reference/apis/js-apis-promptAction.md
index 833d6b3c6d1540dec036521f4589d5577c9be541..6fee965c333b38bfda2c911af22903a9f63dd03b 100644
--- a/zh-cn/application-dev/reference/apis/js-apis-promptAction.md
+++ b/zh-cn/application-dev/reference/apis/js-apis-promptAction.md
@@ -6,7 +6,7 @@
 >
 > 本模块首批接口从API version 9开始支持。后续版本的新增接口，采用上角标单独标记接口的起始版本。
 >
-> 该模块不支持在[UIAbility](./js-apis-app-ability-uiAbility.md)中使用。
+> 该模块不支持在[UIAbility](./js-apis-app-ability-uiAbility.md)中使用，需要在创建组件实例后使用。
 
 ## 导入模块
 
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/DataPickerDialog.gif b/zh-cn/application-dev/reference/arkui-ts/figures/DataPickerDialog.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f16653bb3fb1c69d1ecbe2702a676d7200a1111f
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/DataPickerDialog.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/TextPickerDialog.gif b/zh-cn/application-dev/reference/arkui-ts/figures/TextPickerDialog.gif
new file mode 100644
index 0000000000000000000000000000000000000000..81dbc3fdfaf99298e7272654398db6b6b8af387a
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/TextPickerDialog.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/TimePickerDialog.gif b/zh-cn/application-dev/reference/arkui-ts/figures/TimePickerDialog.gif
new file mode 100644
index 0000000000000000000000000000000000000000..834e4ff3d13b357479c261b24e431e813c0eb616
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/TimePickerDialog.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-methods-datepicker-dialog.md b/zh-cn/application-dev/reference/arkui-ts/ts-methods-datepicker-dialog.md
index 50d072a9a221958dc2a7b21aa4608c913bc004fd..12e7e1cd23c5c05347cd5d21d966504824c753dc 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-methods-datepicker-dialog.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-methods-datepicker-dialog.md
@@ -81,3 +81,5 @@ struct DatePickerDialogExample {
   }
 }
 ```
+
+![DataPickerDialog](figures\DataPickerDialog.gif)
\ No newline at end of file
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md b/zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
index 7bb99f5f46e8bcd2992b36025ca6e3c74a6465fc..1f4654c10228c24e46db767554e59141a1f6e5f6 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
@@ -43,27 +43,31 @@ struct TextPickerDialogExample {
   private fruits: string[] = ['apple1', 'orange2', 'peach3', 'grape4', 'banana5']
 
   build() {
-    Column() {
-      Button("TextPickerDialog")
-        .margin(20)
-        .onClick(() => {
-          TextPickerDialog.show({
-            range: this.fruits,
-            selected: this.select,
-            onAccept: (value: TextPickerResult) => {
-              // 设置select为按下确定按钮时候的选中项index，这样当弹窗再次弹出时显示选中的是上一次确定的选项
-              this.select = value.index
-              console.info("TextPickerDialog:onAccept()" + JSON.stringify(value))
-            },
-            onCancel: () => {
-              console.info("TextPickerDialog:onCancel()")
-            },
-            onChange: (value: TextPickerResult) => {
-              console.info("TextPickerDialog:onChange()" + JSON.stringify(value))
-            }
+    Row() {
+      Column() {
+        Button("TextPickerDialog")
+          .margin(20)
+          .onClick(() => {
+            TextPickerDialog.show({
+              range: this.fruits,
+              selected: this.select,
+              onAccept: (value: TextPickerResult) => {
+                // 设置select为按下确定按钮时候的选中项index，这样当弹窗再次弹出时显示选中的是上一次确定的选项
+                this.select = value.index
+                console.info("TextPickerDialog:onAccept()" + JSON.stringify(value))
+              },
+              onCancel: () => {
+                console.info("TextPickerDialog:onCancel()")
+              },
+              onChange: (value: TextPickerResult) => {
+                console.info("TextPickerDialog:onChange()" + JSON.stringify(value))
+              }
+            })
           })
-        })
-    }.width('100%')
+      }.width('100%')
+    }.height('100%')
   }
 }
 ```
+
+![TextPickerDialog](figures\TextPickerDialog.gif)
\ No newline at end of file
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md b/zh-cn/application-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md
index 97229576c98b61f2d7fb69cf0512adc03e00f8c6..ede21f2c19aecf6ae97fee2a99bb5d951a8f72dd 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md
@@ -73,4 +73,6 @@ struct TimePickerDialogExample {
     }.width('100%')
   }
 }
-```
\ No newline at end of file
+```
+
+![TimetPickerDialog](figures\TimePickerDialog.gif)
\ No newline at end of file