diff --git a/src/pages/@wcui/docs/components/aside.vue b/src/pages/@wcui/docs/components/aside.vue
index 3b331c6..9449a04 100644
--- a/src/pages/@wcui/docs/components/aside.vue
+++ b/src/pages/@wcui/docs/components/aside.vue
@@ -47,6 +47,30 @@
           <em>{{ it.id }}</em>
         </a>
       </dd>
+      <dt class="title">导航组件</dt>
+      <dd class="subtitle">
+        <a
+          class="text-ell"
+          v-for="it in menu.navs"
+          :class="{ a: nav === it.id }"
+          :href="'?' + it.id"
+        >
+          <span>{{ it.name }}</span>
+          <em>{{ it.id }}</em>
+        </a>
+      </dd>
+      <dt class="title">弹窗组件</dt>
+      <dd class="subtitle">
+        <a
+          class="text-ell"
+          v-for="it in menu.dialog"
+          :class="{ a: nav === it.id }"
+          :href="'?' + it.id"
+        >
+          <span>{{ it.name }}</span>
+          <em>{{ it.id }}</em>
+        </a>
+      </dd>
       <dt class="title">其他组件</dt>
       <dd class="subtitle">
         <a
@@ -96,21 +120,32 @@ export default {
           { id: 'wc-space', name: '间隔' },
           { id: 'wc-cell', name: '单元格' }
         ],
+        navs: [
+          { id: 'wc-dropdown', name: '下拉菜单' },
+          { id: 'wc-steps', name: '步骤条' },
+          { id: 'wc-menu', name: '菜单' },
+          { id: 'wc-tabs', name: '选项卡' }
+        ],
         data: [
           { id: 'wc-progress', name: '进度条' },
           { id: 'wc-table', name: '表格' },
           { id: 'wc-tree', name: '树形菜单' },
           { id: 'wc-pager', name: '分页' },
-          { id: 'wc-dropdown', name: '下拉菜单' }
+          { id: 'wc-timeline', name: '时间线' },
+          { id: 'wc-scroll', name: '滚动容器' },
+          { id: 'wc-code', name: '代码块' },
+          { id: 'wc-markd', name: 'MD渲染组件' }
+        ],
+        dialog: [
+          { id: 'wc-layer', name: '弹层' },
+          { id: 'wc-notify', name: '通知' },
+          { id: 'wc-drawer', name: '抽屉' }
         ],
         other: [
-          { id: 'wc-layer', name: '弹层' },
-          { id: 'wc-scroll', name: '滚动条' },
-          { id: 'wc-code', name: '代码块' },
-          { id: 'wc-markd', name: 'MD渲染组件' },
           { id: 'wc-meditor', name: 'MD编辑器' },
           { id: 'wc-editor', name: '富文本编辑器' },
-          { id: 'wc-badge', name: '标记' }
+          { id: 'wc-badge', name: '标记' },
+          { id: 'wc-divider', name: '分割线' }
         ]
       }
     }
@@ -128,13 +163,15 @@ export default {
     line-height: 2;
     border-right: 1px solid var(--color-plain-2);
     background: #fff;
-    color: var(--color-grey-3);
 
     .title {
       a {
         color: var(--color-dark-2);
       }
     }
+    dt.title {
+      color: var(--color-teal-1);
+    }
     .subtitle {
       padding-left: 12px;
       color: var(--color-dark-2);