From 0e7410021ff7205beff7caef1215d1e762f8923d Mon Sep 17 00:00:00 2001
From: leejimqiu <leejimqiu@gmail.com>
Date: Sun, 25 Jun 2023 10:33:02 +0800
Subject: [PATCH] docs: update overview for mobile

---
 docs/mobile/overview.md | 37 ++++++++++++++++++++++---------------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/docs/mobile/overview.md b/docs/mobile/overview.md
index 18a5a6a478..747cb4e83c 100644
--- a/docs/mobile/overview.md
+++ b/docs/mobile/overview.md
@@ -47,7 +47,7 @@ spline: explain
   </div>
 </section>
 
-<h3>导航<em class="tag">7</em></h3>
+<h3>导航<em class="tag">8</em></h3>
 <section class="image-group">
   <div class="image-wrapper">
     <a class="item" href="./components/back-top">
@@ -77,6 +77,13 @@ spline: explain
       <p class="name">Navbar 导航条</p>
     </a>
   </div>
+  <div class="image-wrapper">
+    <a class="item" href="/miniprogram/components/side-bar">
+      <img class="__light__" src="https://tdesign.gtimg.com/site/miniprogram-doc/doc-sidebar.png" />
+      <img class="__dark__" src="https://tdesign.gtimg.com/site/miniprogram-doc/doc-sidebar-dark.png" />
+      <p class="name">SideBar 侧边导航栏</p>
+    </a>
+  </div>
   <div class="image-wrapper">
     <a class="item" href="./components/steps">
       <img class="__light__" src="https://tdesign.gtimg.com/site/mobile/doc-steps.png" />
@@ -101,13 +108,6 @@ spline: explain
 </section>
 <h3>输入<em class="tag">15</em></h3>
 <section class="image-group">
-  <div class="image-wrapper">
-    <a class="item" href="./components/form">
-      <img class="__light__" src="https://tdesign.gtimg.com/site/mobile/doc-form.png" />
-      <img class="__dark__" src="https://tdesign.gtimg.com/site/mobile/doc-form-dark.png" />
-      <p class="name">Form 表单</p>
-    </a>
-  </div>
   <div class="image-wrapper">
     <a class="item" href="./components/calendar">
       <img class="__light__" src="https://tdesign.gtimg.com/site/mobile/doc-calendar.png" />
@@ -136,6 +136,13 @@ spline: explain
       <p class="name">DateTimePicker 日期选择器</p>
     </a>
   </div>
+  <div class="image-wrapper">
+    <a class="item" href="./components/form">
+      <img class="__light__" src="https://tdesign.gtimg.com/site/mobile/doc-form.png" />
+      <img class="__dark__" src="https://tdesign.gtimg.com/site/mobile/doc-form-dark.png" />
+      <p class="name">Form 表单</p>
+    </a>
+  </div>
   <div class="image-wrapper">
     <a class="item" href="./components/input">
       <img class="__light__" src="https://tdesign.gtimg.com/site/mobile/doc-input.png" />
@@ -210,13 +217,6 @@ spline: explain
 
 <h3>数据展示<em class="tag">17</em></h3>
 <section class="image-group">
-  <div class="image-wrapper">
-    <a class="item" href="./components/table">
-      <img class="__light__" src="https://tdesign.gtimg.com/site/mobile/doc-table.png" />
-      <img class="__dark__" src="https://tdesign.gtimg.com/site/mobile/doc-table-dark.png" />
-      <p class="name">Table 表格</p>
-    </a>
-  </div>
   <div class="image-wrapper">
     <a class="item" href="./components/avatar">
       <img class="__light__" src="https://tdesign.gtimg.com/site/mobile/doc-avatar.png" />
@@ -322,6 +322,13 @@ spline: explain
       <p class="name">Swiper 轮播图</p>
     </a>
   </div>
+  <div class="image-wrapper">
+    <a class="item" href="./components/table">
+      <img class="__light__" src="https://tdesign.gtimg.com/site/mobile/doc-table.png" />
+      <img class="__dark__" src="https://tdesign.gtimg.com/site/mobile/doc-table-dark.png" />
+      <p class="name">Table 表格</p>
+    </a>
+  </div>
   <div class="image-wrapper">
     <a class="item" href="./components/tag">
       <img class="__light__" src="https://tdesign.gtimg.com/site/mobile/doc-tag.png" />