diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/tabContent1.gif b/zh-cn/application-dev/reference/arkui-ts/figures/tabContent1.gif
new file mode 100644
index 0000000000000000000000000000000000000000..4a278ae098837a2d809b600dcd621ecf83085ede
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/tabContent1.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/tabContent2.gif b/zh-cn/application-dev/reference/arkui-ts/figures/tabContent2.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b88d171c0dcf285a40833b9cc73056def5fe3f8b
Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/tabContent2.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001192655288.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001192655288.gif
index 7ed4e908925042a11312dd27aa1c28e8c91d8d8c..bb7ff3b8360cc9a8a33b4c8e6d7a050846b05f69 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001192655288.gif and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001192655288.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-navigation.md b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-navigation.md
index 8ab87d8617429e1fd4dffd50abe73f4ab76f066f..9fad298ffe627e1c9c8d2f9cb9fc1ac1a0f6589e 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-navigation.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-basic-components-navigation.md
@@ -217,7 +217,7 @@ struct NavigationExample {
       }
       .title(this.NavigationTitle)
       .menus(this.NavigationMenus)
-      .titleMode(NavigationTitleMode.Free)
+      .titleMode(NavigationTitleMode.Full)
       .toolBar(this.NavigationToolbar)
       .hideTitleBar(false)
       .hideToolBar(false)
@@ -228,3 +228,5 @@ struct NavigationExample {
   }
 }
 ```
+
+![zh-cn_image_0000001192655288](figures/zh-cn_image_0000001192655288.gif)
\ No newline at end of file
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 07320f50786c31fd60b0a1eb8680d75f3365670b..1c61f55bd76dd289c0ee6cef06bde7ac990fd8e3 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,6 +137,8 @@ struct TabContentExample {
 }
 ```
 
+![tabContent](figures/tabContent1.gif)
+
 示例2：
 
 ```ts
@@ -190,3 +192,5 @@ struct TabContentExample {
   }
 }
 ```
+
+![tabContent](figures/tabContent2.gif)
\ No newline at end of file