fes.js/docs/docs/ui/menu.md

pageClass
comp-page-class

Menu 导航菜单

为页面和功能提供导航的菜单列表。

概述

导航菜单是一个网站的灵魂，用户依赖导航在各个页面中进行跳转。一般分为顶部导航和侧边导航，顶部导航提供全局性的类目和功能，侧边导航提供多级结构来收纳和排列网站架构。

代码示例

我的菜单 个人信息 我的管理 新增 修改 新增 修改 文章 作者 我的菜单 个人信息 我的管理 新增 修改 新增 修改 文章 作者

有两种布局类型，可选horizontal（水平）、vertical(垂直)两种，默认为vertical。

有两种颜色类型，点击下方可切换：

light dark

传入MenuList，就可以自动实现点击跳转的逻辑

API

RouteMenu Props

属性	说明	类型	默认值
mode	布局模式，可选有horizontal水平, vertical 垂直	String	vertical
type	颜色类型，可选有light白色, dark蓝色	String	light
width	宽度	Number/String
autoClose	是否自动收起菜单。当垂直模式时，点击菜单列表，是否关闭已经打开的菜单列表	Boolean	false
menu	菜单配置项	Array	无
menu.title	菜单标题	String	空
menu.path	菜单项点击后，跳转路径	String	空
menu.subMenu	子菜单，每项也有path和title	Array	空
menu.icon	图标	String	空

Menu Props

属性	说明	类型	默认值
mode	布局模式，可选有horizontal水平, vertical 垂直	String	vertical
type	颜色类型，可选有light白色, dark蓝色	String	light
width	宽度	Number/String	undefined
active-name	激活菜单的 name 值	Number/String	undefined
autoClose	是否自动收起菜单。当垂直模式时，点击菜单列表，是否关闭已经打开的菜单列表	Boolean	false

Menu Events

事件名	说明	返回值
select	选择菜单（Menu-item）时触发	name

MenuGroup Props

属性	说明	类型	默认值
title	分组标题	String	空

SubMenu Props

属性	说明	类型	默认值
title	必填，唯一标识	Number/String	空
icon	图标，url 或者 base64数据	String	空
expand	默认是否展开	Boolean	false

MenuItem props

属性	说明	类型	默认值
name	必填，唯一标识	Number/String	空
icon	图标，url 或者 base64数据	String	空