layui/menu.md at 4a461ba4c6cc76753f4cb19e9d92dfcaa0d9f779

theluyuan/layui

Fork 0

sight b9815b625b ✨(component): [dropdown]指定下拉面板渲染容器

2022-07-04 15:09:13 +08:00

18 KiB

Raw Blame History

::: anchor :::

::: title 基本介绍 :::

::: describe 导航菜单是一个网站的灵魂，用户依赖导航在各个页面中进行跳转。 :::

::: title 基础使用 :::

::: demo

首页首页首页首页首页首页首页首页首页首页

:::

::: title 垂直导航 :::

::: demo

首页首页首页首页首页首页首页首页首页首页

:::

::: title 反转样式 :::

::: demo

首页首页首页首页首页首页首页首页首页首页

:::

::: title 切换主题 :::

::: demo

:::

::: title 菜单插槽 :::

::: demo

首页目录菜单菜单

:::

::: title 菜单折叠 :::

::: demo

首页首页首页首页首页首页首页首页首页首页首页首页首页

:::

::: title 悬浮菜单 :::

::: demo

★ ☀

首页首页首页首页菜单一首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页首页

:::

::: title 过渡动画 :::

::: demo

首页目录菜单菜单

:::

::: title 扩展图标 :::

::: demo

首页目录 {{isExpand}} 菜单菜单

:::

::: title Menu 属性 :::

::: table

属性	描述	备注
v-model:selectedKey	选中项	--
v-model:openKeys	打开项	--
theme	菜单主题	`dark` `light`
inverted	特殊的激活样式	`true` `false`
level	菜单层级	`true` `false`
collapse	折叠状态	`true` `false`
collapse-transition	折叠动画	`true` `false`

:::

::: title Menu Item 属性 :::

::: table

插槽	描述	备注
title	菜单标题	--

:::

::: title Menu Item 插槽 :::

::: table

插槽	描述	备注
title	菜单标题	--

:::

::: title Sub Menu 属性 :::

::: table

插槽	描述	备注
title	菜单标题	--
expandIcon	扩展图标	--

:::

::: title Sub Menu 插槽 :::

::: table

插槽	描述	备注
title	菜单标题	--

:::

::: contributor menu :::

::: previousNext menu :::

18 KiB Raw Blame History

18 KiB

Raw Blame History