2021-06-27 15:41:40 +08:00
|
|
|
---
|
|
|
|
title: Menu - 菜单
|
|
|
|
nav:
|
|
|
|
title: 组件
|
|
|
|
path: /client
|
|
|
|
group:
|
|
|
|
order: 1
|
2021-07-08 14:21:18 +08:00
|
|
|
title: Schemas
|
|
|
|
path: /client/schemas
|
2021-06-27 15:41:40 +08:00
|
|
|
---
|
|
|
|
|
|
|
|
# Menu - 菜单
|
|
|
|
|
|
|
|
需要 antd v4.16+ 支持,在此之前的 Menu.Item 不支持 Fragment 包裹。
|
|
|
|
|
2021-07-14 08:43:18 +08:00
|
|
|
## Node Tree
|
2021-07-13 00:31:38 +08:00
|
|
|
|
|
|
|
<pre lang="tsx">
|
|
|
|
<Menu>
|
|
|
|
// 菜单分组
|
|
|
|
<Menu.ItemGroup>
|
|
|
|
<Menu.Item/>
|
|
|
|
</Menu.ItemGroup>
|
|
|
|
// 子菜单
|
|
|
|
<Menu.SubMenu>
|
|
|
|
<Menu.Item/>
|
|
|
|
</Menu.SubMenu>
|
|
|
|
// 菜单项
|
|
|
|
<Menu.Item/>
|
|
|
|
// 分割线
|
|
|
|
<Menu.Divider/>
|
|
|
|
|
|
|
|
// 其他一些基于 Menu.Item 的延伸
|
|
|
|
|
|
|
|
// 外链
|
|
|
|
<Menu.URL/>
|
|
|
|
// 内链
|
|
|
|
<Menu.Link/>
|
|
|
|
// 操作,用法与 Action 相同
|
|
|
|
<Menu.Action/>
|
|
|
|
// 新增菜单项
|
|
|
|
<Menu.AddNew/>
|
|
|
|
</Menu>
|
|
|
|
</pre>
|
|
|
|
|
2021-07-14 08:43:18 +08:00
|
|
|
## Designable Bar
|
|
|
|
|
|
|
|
- Menu.DesignableBar
|
|
|
|
|
|
|
|
## Examples
|
2021-06-27 15:41:40 +08:00
|
|
|
|
|
|
|
### 横向菜单
|
|
|
|
|
2021-07-15 18:47:21 +08:00
|
|
|
<code src="./demos/demo1.tsx"/>
|
2021-06-27 15:41:40 +08:00
|
|
|
|
|
|
|
### 竖向菜单
|
|
|
|
|
2021-07-15 18:47:21 +08:00
|
|
|
<code src="./demos/demo2.tsx"/>
|
2021-07-03 00:24:21 +08:00
|
|
|
|
|
|
|
### 混合菜单
|
|
|
|
|
2021-07-15 18:47:21 +08:00
|
|
|
<code src="./demos/demo4.tsx"/>
|
2021-07-09 21:19:53 +08:00
|
|
|
|
|
|
|
### Menu.Action
|
|
|
|
|
2021-07-15 18:47:21 +08:00
|
|
|
<code src="./demos/demo3.tsx"/>
|