diff --git a/zh-cn/application-dev/ui/Readme-CN.md b/zh-cn/application-dev/ui/Readme-CN.md
index e9c9e5eeed3e9c416a64c2d6d019e749fab1b9c8..2bbc1d49a2620b3fbbf2198c35bce9aadefb45e1 100755
--- a/zh-cn/application-dev/ui/Readme-CN.md
+++ b/zh-cn/application-dev/ui/Readme-CN.md
@@ -12,17 +12,17 @@
             - [自定义组件生命周期回调函数](ts-custom-component-lifecycle-callbacks.md)
             - [组件创建和重新初始化示例](ts-component-creation-re-initialization.md)
         
-        - 声明式开发实例
-          - [创建简单视图](ui-ts-creating-simple-page.md)
-          - 构建实例
-            - [构建食物数据模型](ui-ts-building-data-model.md)
-            - [构建食物列表List布局](ui-ts-building-category-list-layout.md)
-            - [构建食物分类Grid布局](ui-ts-building-category-grid-layout.md)
-            - [页面跳转与数据传递](ui-ts-page-redirection-data-transmission.md)
+    - 声明式开发实例
+      - [创建简单视图](ui-ts-creating-simple-page.md)
+      - 构建实例
+        - [构建食物数据模型](ui-ts-building-data-model.md)
+        - [构建食物列表List布局](ui-ts-building-category-list-layout.md)
+        - [构建食物分类Grid布局](ui-ts-building-category-grid-layout.md)
+        - [页面跳转与数据传递](ui-ts-page-redirection-data-transmission.md)
         
-          - 添加闪屏动画
-            - [绘制图像](ui-ts-drawing-feature)
-            - [添加动画效果](ui-ts-animation-feature)
+      - 添加闪屏动画
+        - [绘制图像](ui-ts-drawing-feature)
+        - [添加动画效果](ui-ts-animation-feature)
     - 常见布局开发指导
         - 自适应布局
             - [线性布局](ui-ts-layout-linear.md)
@@ -33,15 +33,6 @@
             - [栅格布局](ui-ts-layout-grid-container.md)
             - [栅格布局（新）](ui-ts-layout-grid-container-new.md)
             - [媒体查询](ui-ts-layout-mediaquery.md)
-    - 体验声明式UI
-        - [创建声明式UI工程](ui-ts-creating-project.md)
-        - [初识Component](ui-ts-components.md)
-        - [创建简单视图](ui-ts-creating-simple-page.md)
-    - 页面布局与连接
-        - [构建食物数据模型](ui-ts-building-data-model.md)
-        - [构建食物列表List布局](ui-ts-building-category-list-layout.md)
-        - [构建食物分类Grid布局](ui-ts-building-category-grid-layout.md)
-        - [页面跳转与数据传递](ui-ts-page-redirection-data-transmission.md)
     - [Web组件开发](ui-ts-components-web.md)
     - [性能提升的推荐方法](ts-performance-improvement-recommendation.md)
 - UI开发（兼容JS的类Web开发范式）
diff --git a/zh-cn/application-dev/ui/figures/flexbasis.png b/zh-cn/application-dev/ui/figures/flexbasis.png
new file mode 100644
index 0000000000000000000000000000000000000000..df26a3272410052e3df94b2c4207015d5d23b613
Binary files /dev/null and b/zh-cn/application-dev/ui/figures/flexbasis.png differ