[文档] 调整目录样式

docs/docs/zh-CN/components/layout.md

@@ -1,23 +1,12 @@
-::: demo
-
-<template>
-  <lay-layout>
-    <lay-header></lay-header>
-    <lay-side></lay-side>
-    <lay-body></lay-body>
-  </lay-layout>
-</template>
-
-<script>
-import { ref } from 'vue'
-
-export default {
-  setup() {
-
-    return {
-    }
-  }
-}
-</script>
-
-:::
+```html
+<lay-layout>
+   <lay-header>
+     <lay-logo>Layui Admin</lay-logo>
+   </lay-header>
+   <lay-side></lay-side>
+   <lay-body>
+     <router-view></router-view>
+   </lay-body>
+   <lay-footer>pearadmin.com</lay-footer>
+</lay-layout>
+```

docs/docs/zh-CN/components/menu.md

@@ -0,0 +1,23 @@
+::: demo
+
+<template>
+  <lay-menu>
+    <lay-menu-item title="首页"></lay-menu-item>
+    <lay-menu-item title="用户"></lay-menu-item>
+    <lay-menu-item title="角色"></lay-menu-item>    
+  </lay-menu>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::

docs/docs/zh-CN/guide/home.md

@@ -0,0 +1,3 @@
+基于 layui 的 vue-next 组件库
+
+a component library for Vue 3 base on layui-vue