[完成] 徽章组件

docs/src/layouts/Layout.vue

@@ -1,5 +1,7 @@
 <template>
-  <lay-layout>
+
+  <div class="width:100%;height:300px">
+      <lay-layout>
     <lay-header>
       <lay-logo>
         layui-vue
@@ -13,6 +15,8 @@
         <li><router-link to="/zh-CN/components/panel">面板</router-link></li>
         <li><router-link to="/zh-CN/components/card">卡片</router-link></li>
         <li><router-link to="/zh-CN/components/grid">栅格</router-link></li>
+        <li><router-link to="/zh-CN/components/form">表单</router-link></li>
+        <li><router-link to="/zh-CN/components/badge">徽章</router-link></li>
       </ul>
     </lay-side>
     <lay-body>
@@ -22,6 +26,7 @@
     </lay-body>
     <lay-footer></lay-footer>
   </lay-layout>
+  </div>
 </template>
 <script>
 import { ref } from 'vue'

docs/src/router/zh-CN.ts

@@ -20,6 +20,11 @@ const zhCN = [
     component: BaseLayout,
     meta: { title: '组件', icon: 'el-icon-copy-document' },
     children: [
+      {
+        path: '/zh-CN/components/layout',
+        component: () => import('../../docs/zh-CN/components/layout.md'),
+        meta: { title: '布局' },
+      },
       {
         path: '/zh-CN/components/button',
         component: () => import('../../docs/zh-CN/components/button.md'),
@@ -40,6 +45,15 @@ const zhCN = [
         path: '/zh-CN/components/grid',
         component: () => import('../../docs/zh-CN/components/grid.md'),
         meta: { title: '栅格' },
+      },{
+        path: '/zh-CN/components/form',
+        component: () => import('../../docs/zh-CN/components/form.md'),
+        meta: { title: '表单' },
+      },
+      {
+        path: '/zh-CN/components/badge',
+        component: () => import('../../docs/zh-CN/components/badge.md'),
+        meta: { title: '徽章' },
       }
     ],
   },