[新增] menu 组件

This commit is contained in:
就眠仪式
2021-10-08 11:09:44 +08:00
parent d1a07f5d96
commit efaf442a4c
7 changed files with 50 additions and 28 deletions

View File

@@ -62,4 +62,9 @@ export default {
}
</script>
:::
:::
| | | |
|--|--|--|
| v-model | 默认值 | -- |
| page | 开启分页 | -- |

View File

@@ -1,14 +1,14 @@
::: 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 selectedKey="5">
<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="目录">
<lay-menu-child-item title="菜单一"></lay-menu-child-item>
<lay-menu-child-item title="菜单二"></lay-menu-child-item>
<lay-menu-child-item title="菜单三"></lay-menu-child-item>
<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>
@@ -30,14 +30,14 @@ export default {
::: demo
<template>
<lay-menu tree>
<lay-menu-item title="首页"></lay-menu-item>
<lay-menu-item title="用户"></lay-menu-item>
<lay-menu-item title="角色"></lay-menu-item>
<lay-menu selectedKey="5" tree>
<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="目录">
<lay-menu-child-item title="菜单一"></lay-menu-child-item>
<lay-menu-child-item title="菜单二"></lay-menu-child-item>
<lay-menu-child-item title="菜单三"></lay-menu-child-item>
<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>

View File

@@ -1,7 +1,7 @@
<img src="../../../src/assets/logo-2.png" />
<img src="../../../src/assets/logo-2.png" style="height:220px;"/>
<lay-block>
layui谐音类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库 , Layui 的 另 一 种 呈 现 方 式
layui - vue(谐音:类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库 , Layui 的 另 一 种 呈 现 方 式
</lay-block>
<lay-timeline style="padding-left:38px;padding-top:30px;">