0.1.1 • Published 3 years ago
@moment-design/product-navigation v0.1.1
Moment Design 物料项目 全部产品导航
zh-CN
运行环境
| 名称 | 版本号 |
|---|---|
| Node.js | 15+ |
| NPM | 7+ |
| Vue.js | 3+ |
| @moment-design/web-vue | 1+ |
使用组件
安装依赖
npm install @moment-design/product-navigation --save使用组件
*.vue 局部注册
import MProductNav from "@moment-design/product-navigation"
import "@moment-design/product-navigation/dist/css/index.css"
<m-product-nav :menu-data="MenuData"></m-product-nav>API
Props
| Prop Name | Description | Type | Default | Require |
|---|---|---|---|---|
| menu-data | 导航数据 | Object | Array[GroupMenu] | √ |
GroupMenu
| 参数名 | 描述 | 类型 | 默认值 | 必须 |
|---|---|---|---|---|
| Title | 名称 | String | √ | |
| Child | Child | Array[MenuData] | ✗ | |
| Menu | Menu | Array[MenuData] | ✗ |
MenuData
| 参数名 | 描述 | 类型 | 默认值 | 必须 |
|---|---|---|---|---|
| Id | 权限数据的唯一值 | Number | √ | |
| Title | 名称 | String | √ | |
| ICon | 图标 | String | √ | |
| Url | 链接地址 | String | √ | |
| IsCurrentPageOpen | IsCurrentPageOpen | Boolean | false | √ |
| Buy | Buy | Boolean | false | √ |
| Menu | Menu | Array[MenuData] | ✗ |