# 菜单栏组件
----
采用`iview-ui`中的样式变量，简化功能，熟悉 css \(^o^)/~。
### 基础用法
- 基础的menuBarFrame用法
:::demo
```html
```
:::
### Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
| ------------ | -------------------- | ------ | ------ | ------ |
| menuList | 菜单数组 | Array | - | - |
| theme | 主题 | String | light、dark、primary | light |
| mode | 菜单类型,水平/垂直 | String | horizontal（水平） 和 vertical（垂直） | vertical |
| accordion | 是否开启手风琴模式 | Boolean | - | false |
| width | 导航菜单的宽度 | String | - | 280px |
| activeName | 激活菜单的 name 值 | String | - | - |
| menuItemIcon | menuItem的Icon是否显示 | Boolean | - | false |
### Events
| 事件名 | 说明 | 返回值 |
| -------------- | ---------------- | ---------------------------- |
| @selectMenu | 选中菜单方法 | 选中菜单的name |