diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/checkboxGroup.gif b/zh-cn/application-dev/reference/arkui-ts/figures/checkboxGroup.gif
new file mode 100644
index 0000000000000000000000000000000000000000..1458d8a2c4069bcfabab2eefd6b0f6ffd57535d6
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/checkboxGroup.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/checkboxgroup1.png b/zh-cn/application-dev/reference/arkui-ts/figures/checkboxgroup1.png
deleted file mode 100644
index 7042b41c96d5eca395d4ac035fefb7d55347535d..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/checkboxgroup1.png and /dev/null differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/checkboxgroup2.png b/zh-cn/application-dev/reference/arkui-ts/figures/checkboxgroup2.png
deleted file mode 100644
index 7d7a2b901873cf2daedd412b96508b6c40aa0244..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/checkboxgroup2.png and /dev/null differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/checkboxgroup3.png b/zh-cn/application-dev/reference/arkui-ts/figures/checkboxgroup3.png
deleted file mode 100644
index 53988fae3e8f660fd8411ef44bfa2dc983886a5e..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/checkboxgroup3.png and /dev/null differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/dataPanel.PNG b/zh-cn/application-dev/reference/arkui-ts/figures/dataPanel.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..572a8f5aea5b655fe1aba5e3d416e22df591a411
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/dataPanel.PNG differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/marquee.gif b/zh-cn/application-dev/reference/arkui-ts/figures/marquee.gif
new file mode 100644
index 0000000000000000000000000000000000000000..09dfce671ee1788ac1de7d629ae7fb2406b2ec3f
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/marquee.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/rating.gif b/zh-cn/application-dev/reference/arkui-ts/figures/rating.gif
new file mode 100644
index 0000000000000000000000000000000000000000..58cab3e9455db71825d0533d5619a2e12f8b0975
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/rating.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/stepper.gif b/zh-cn/application-dev/reference/arkui-ts/figures/stepper.gif
new file mode 100644
index 0000000000000000000000000000000000000000..03c2354e7cab3ad876f70e1c46ec1c05e437de95
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/stepper.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/tabContent.gif b/zh-cn/application-dev/reference/arkui-ts/figures/tabContent.gif
deleted file mode 100644
index 088045f41a884700791adf9fd6709f239c3269c0..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/tabContent.gif and /dev/null differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/tabs2.gif b/zh-cn/application-dev/reference/arkui-ts/figures/tabs2.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2aff91bd668c3b444bd98089181d5af52e51d3d1
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/tabs2.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/textArea.gif b/zh-cn/application-dev/reference/arkui-ts/figures/textArea.gif
index 52253c3693b7626a5959a2e88e4744d01b80d057..8755838d74172fea4d02464a9a78afcec4fd8ed7 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/textArea.gif and b/zh-cn/application-dev/reference/arkui-ts/figures/textArea.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/toggle.gif b/zh-cn/application-dev/reference/arkui-ts/figures/toggle.gif
new file mode 100644
index 0000000000000000000000000000000000000000..9e61885c0442bc826d0c7b5f95875eda4211d2aa
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/toggle.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174104402.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174104402.gif
deleted file mode 100644
index f6b7ae5ac2bf443574de54cd4df472a8f0cd1aba..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174104402.gif and /dev/null differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264360.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264360.gif
deleted file mode 100644
index 49a1503a776598da93f4089bb079c61125a71a2e..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264360.gif and /dev/null differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219662659.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219662659.gif
deleted file mode 100644
index 49922f7f7d934216dcbf8837c697d13063d101a4..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219662659.gif and /dev/null differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001236876377.jpg b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001236876377.jpg
deleted file mode 100644
index e5af4f50ebd9bdab6af30219f30fdf948a019a52..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001236876377.jpg and /dev/null differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001250678457.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001250678457.gif
deleted file mode 100644
index 3696c7f08f6c7ef551d16da53ca167ddb8b6a5fa..0000000000000000000000000000000000000000
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001250678457.gif and /dev/null differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkboxgroup.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkboxgroup.md
index 24270b66771401e44e8f6cca1e5dac57e01ec9d2..05269dd69e318aed1f4ceef5e1e62be3fc06f058 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkboxgroup.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkboxgroup.md
@@ -110,10 +110,4 @@ struct CheckboxExample {
   }
 }
 ```
-多选框组三种状态图示：
-
-![](figures/checkboxgroup1.png)
-
-![](figures/checkboxgroup2.png)
-
-![](figures/checkboxgroup3.png)
+![checkboxGroup](figures/checkboxGroup.gif)
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-datapanel.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-datapanel.md
index cf8c4b75bedba9ced0860e1e8e1193cd2e9f268d..6a5255d7214d07b6804f30510c8a59b513167cd3 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-datapanel.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-datapanel.md
@@ -28,9 +28,9 @@ DataPanel(options:{values: number[], max?: number, type?: DataPanelType})
 
 
 ## DataPanelType枚举说明
-| 名称 | 描述 | 
+| 名称 | 描述 |
 | -------| ------------ |
-| Line   | 线型数据面板。 | 
+| Line   | 线型数据面板。 |
 | Circle | 环形数据面板。 |
 
 
@@ -83,4 +83,4 @@ struct DataPanelExample {
 }
 ```
 
-![zh-cn_image_0000001236876377](figures/zh-cn_image_0000001236876377.jpg)
+![dataPanel](figures/dataPanel.PNG)
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-marquee.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-marquee.md
index a727332704082f81f84c4ddaab03f11ea32149ee..bb26b0a9af1b258a36a7ca6c5eef246fd8274740 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-marquee.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-marquee.md
@@ -97,3 +97,4 @@ struct MarqueeExample {
 }
 ```
 
+![marquee](figures/marquee.gif)
\ No newline at end of file
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-rating.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-rating.md
index 89ab48be895c94ebb06a69265e158fd5bb9304a3..45552e9b3a8558c594c0445a78c47ec3ce5ddd4f 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-rating.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-rating.md
@@ -94,4 +94,4 @@ struct RatingExample {
 }
 ```
 
-![zh-cn_image_0000001219662659](figures/zh-cn_image_0000001219662659.gif)
+![rating](figures/rating.gif)
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-stepper.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-stepper.md
index 2ebcee38bae7a1e147200d6795b3a88e5be6f859..fd1a49a370bc272652fe1b5152f1730e7c5addb4 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-stepper.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-stepper.md
@@ -118,7 +118,7 @@ struct StepperExample {
       // 第四个步骤页
       StepperItem() {
         Column() {
-          Text('Page four')
+          Text('Page Four')
             .itemTextStyle()
         }.itemStyle()
       }
@@ -141,5 +141,5 @@ struct StepperExample {
 ```
 
 
-![zh-cn_image_0000001250678457](figures/zh-cn_image_0000001250678457.gif)
+![stepper](figures/stepper.gif)
 
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-toggle.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-toggle.md
index 6bed87416ff089e4519ece213afd839d2a6c4f1a..e00ea4bb7aeef7efb1f3b681563dcb37af8ef39a 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-toggle.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-toggle.md
@@ -116,4 +116,4 @@ struct ToggleExample {
 }
 ```
 
-![zh-cn_image_0000001174104402](figures/zh-cn_image_0000001174104402.gif)
+![toggle](figures/toggle.gif)
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-tabcontent.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-tabcontent.md
index e635e30aef3c10a65c5d258d695f8cf04a44d9bc..07320f50786c31fd60b0a1eb8680d75f3365670b 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-container-tabcontent.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-tabcontent.md
@@ -137,7 +137,6 @@ struct TabContentExample {
 }
 ```
 
-
 示例2：
 
 ```ts
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-tabs.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-tabs.md
index 10ab3f073cc08cd7bf90f7c063f674b4a74b6411..d0a1f7bb9f34a5750dd57c00a06c6c461c2b95e4 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-container-tabs.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-tabs.md
@@ -147,3 +147,4 @@ struct TabsExample {
 }
 ```
 
+![tabs2](figures/tabs2.gif)
\ No newline at end of file