diff --git a/zh-cn/application-dev/ui/Readme-CN.md b/zh-cn/application-dev/ui/Readme-CN.md
index db0a9882d7e26f3bdd28ee9ff980983bdaff7ef3..c3b5b7471a87badf20262b7b18a09fa455da56f5 100755
--- a/zh-cn/application-dev/ui/Readme-CN.md
+++ b/zh-cn/application-dev/ui/Readme-CN.md
@@ -127,6 +127,13 @@
             - [自定义组件生命周期回调函数](ts-custom-component-lifecycle-callbacks.md)
             - [组件创建和重新初始化示例](ts-component-creation-re-initialization.md)
         - [语法糖](ts-syntactic-sugar.md)
+    - 常见组件开发指导
+        - [Button开发指导](ui-ts-basic-components-button.md)
+        - [Web开发指导](ui-ts-components-web.md)
+    - 常见布局开发指导
+        - [弹性布局](ui-ts-layout-flex.md)
+        - [栅格布局](ui-ts-layout-grid-container.md)
+        - [媒体查询](ui-ts-layout-mediaquery.md)
     - 体验声明式UI
         - [创建声明式UI工程](ui-ts-creating-project.md)
         - [初识Component](ui-ts-components.md)
diff --git a/zh-cn/application-dev/website.md b/zh-cn/application-dev/website.md
index d07397f9a7a14b594ff967caf1f0a747360edb51..3f9c8cd30bc1f0ad567f3e87a0656bc80740e863 100644
--- a/zh-cn/application-dev/website.md
+++ b/zh-cn/application-dev/website.md
@@ -163,6 +163,13 @@
           - [自定义组件生命周期回调函数](ui/ts-custom-component-lifecycle-callbacks.md)
           - [组件创建和重新初始化示例](ui/ts-component-creation-re-initialization.md)
         - [语法糖](ui/ts-syntactic-sugar.md)
+        - 常见组件开发指导
+          - [Button开发指导](ui/ui-ts-basic-components-button.md)
+          - [Web开发指导](ui/ui-ts-components-web.md)
+        - 常见布局开发指导
+          - [弹性布局](ui/ui-ts-layout-flex.md)
+          - [栅格布局](ui/ui-ts-layout-grid-container.md)
+          - [媒体查询](ui/ui-ts-layout-mediaquery.md)
       - 体验声明式UI
         - [创建声明式UI工程](ui/ui-ts-creating-project.md)
         - [初识Component](ui/ui-ts-components.md)