❗ 重命名 docs 为 example

2021-11-23 11:08:40 +08:00
parent 97788e3a77
commit 4a4ee87b65
88 changed files with 14 additions and 7 deletions
--- a/example/docs/zh-CN/components/menu.md
+++ b/example/docs/zh-CN/components/menu.md
@@ -0,0 +1,101 @@
+::: title 基础使用
+:::
+
+::: demo
+
+<template>
+  <lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys">
+    <lay-menu-item title="首页" id="1"></lay-menu-item>
+    <lay-menu-item title="用户" id="2"></lay-menu-item>
+    <lay-menu-item title="角色" id="3"></lay-menu-item> 
+    <lay-menu-item title="目录" id="7">
+        <lay-menu-child-item title="菜单一" id="4"></lay-menu-child-item> 
+        <lay-menu-child-item title="菜单二" id="5"></lay-menu-child-item>
+        <lay-menu-child-item title="菜单三" id="6"></lay-menu-child-item>
+    </lay-menu-item> 
+  </lay-menu>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const selectedKey = ref("5")
+    const openKeys = ref(["7"])   
+    return {
+      selectedKey,
+      openKeys
+    }
+  }
+}
+</script>
+
+:::
+
+::: title 垂直导航
+:::
+
+::: demo
+
+<template>
+  <lay-menu v-model:selectedKey="selectedKey" v-model:openKeys="openKeys" v-model:tree="isTree">
+    <lay-menu-item title="首页" id="1">
+      <template v-slot:title> 
+        <router-link to="">无感</router-link>
+      </template>
+    </lay-menu-item>
+    <lay-menu-item title="用户" id="2"></lay-menu-item>
+    <lay-menu-item title="角色" id="3"></lay-menu-item> 
+    <lay-menu-item title="目录" id="7">
+        <lay-menu-child-item title="菜单一" id="4"></lay-menu-child-item> 
+        <lay-menu-child-item title="菜单二" id="5"></lay-menu-child-item>
+        <lay-menu-child-item title="菜单三" id="6"></lay-menu-child-item>
+    </lay-menu-item> 
+  </lay-menu>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const isTree = ref(true)
+    const selectedKey = ref("5")
+    const openKeys = ref(["7"])
+
+    return {
+      isTree,
+      openKeys,
+      selectedKey
+    }
+  }
+}
+</script>
+
+:::
+
+::: title 菜单属性
+:::
+
+::: table
+
+| 属性                | 描述   | 备注 |
+| ------------------- | ------ | ---- |
+| v-model:selectedKey | 选中项 | --   |
+| v-model:openKeys    | 打开项 | --   |
+
+:::
+
+::: title 菜单插槽
+:::
+
+::: table
+
+| 插槽  | 描述     | 备注 |
+| ----- | -------- | ---- |
+| title | 菜单标题 | --   |
+
+:::