theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

📝(component): 完善 menu 菜单缩进文档案例

Browse Source
This commit is contained in:
傅子湘 2022-10-11 16:18:47 +08:00
parent 9121124179
commit de3bd03bd6
1 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
package/document-component/src/document/zh-CN/components/menu.md
View File

@ -80,7 +80,7 @@ export default {
::: demo ::: demo
<template> <template>
<lay-menu :selected-key="selectedKey" @change-selected-Key="changeSelectedKey" @change-open-keys="changeOpenKeys" v-model:openKeys="openKeys2" :tree="true"> <lay-menu :selected-key="selectedKey" @change-selected-Key="changeSelectedKey" :indent="true" @change-open-keys="changeOpenKeys" v-model:openKeys="openKeys2" :tree="true">
<lay-menu-item id="1">首页</lay-menu-item> <lay-menu-item id="1">首页</lay-menu-item>
<lay-menu-item id="2">首页</lay-menu-item> <lay-menu-item id="2">首页</lay-menu-item>
<lay-menu-item id="3">首页</lay-menu-item> <lay-menu-item id="3">首页</lay-menu-item>
@ -96,7 +96,21 @@ export default {
</template> </template>
<lay-menu-item id="11">首页</lay-menu-item> <lay-menu-item id="11">首页</lay-menu-item>
<lay-menu-item id="12">首页</lay-menu-item> <lay-menu-item id="12">首页</lay-menu-item>
<lay-menu-item id="13">首页</lay-menu-item> <lay-sub-menu title="菜单" id="13">
<template #title>
首页
</template>
<lay-menu-item id="14">首页</lay-menu-item>
<lay-menu-item id="15">首页</lay-menu-item>
<lay-sub-menu title="菜单" id="16">
<template #title>
首页
</template>
<lay-menu-item id="17">首页</lay-menu-item>
<lay-menu-item id="18">首页</lay-menu-item>
<lay-menu-item id="19">首页</lay-menu-item>
</lay-sub-menu>
</lay-sub-menu>
</lay-sub-menu> </lay-sub-menu>
</lay-sub-menu> </lay-sub-menu>
</lay-menu> </lay-menu>
@ -119,6 +133,7 @@ export default {
} }
return { return {
indent,
openKeys2, openKeys2,
selectedKey, selectedKey,
changeOpenKeys, changeOpenKeys,
@ -753,6 +768,7 @@ export default {
| level | 菜单层级 | `true` `false` | | level | 菜单层级 | `true` `false` |
| collapse | 折叠状态 | `true` `false` | | collapse | 折叠状态 | `true` `false` |
| collapse-transition | 折叠动画 | `true` `false` | | collapse-transition | 折叠动画 | `true` `false` |
| indent | 菜单缩进 | `10px` `20px` `true` |
::: :::