2.8 KiB
2.8 KiB
Nav
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | string |
"tabs" |
指定为 Nav 渲染器 |
className | string |
外层 Dom 的类名 | |
stacked | boolean |
true |
设置成 false 可以以 tabs 的形式展示 |
source | Api 或 string |
动态拉取的 api 地址,也支持${xxx} 获取变量 |
|
links | Array |
链接集合 | |
links[x].label | string |
名称 | |
links[x].to | string |
链接地址 | |
links[x].icon | string |
图标 | |
links[x].active | boolean |
是否高亮 | |
links[x].activeOn | 表达式 |
是否高亮的条件,留空将自动分析链接地址 |
链接集合。
{
"type": "nav",
"stacked": true,
"className": "w-md",
"links": [
{
"label": "Nav 1",
"to": "/docs/index",
"icon": "fa fa-user",
"active": true
},
{
"label": "Nav 2",
"to": "/docs/api"
},
{
"label": "Nav 3",
"to": "/docs/renderers"
}
]
}
{
"type": "nav",
"stacked": false,
"links": [
{
"label": "Nav 1",
"to": "/docs/index",
"icon": "fa fa-user"
},
{
"label": "Nav 2",
"to": "/docs/api"
},
{
"label": "Nav 3",
"to": "/docs/renderers"
}
]
}
source 返回格式
{
"status": 0,
"msg": "",
"data": [
{
"label": "Nav 1",
"to": "/docs/index",
"icon": "fa fa-user"
},
{
"label": "Nav 2",
"to": "/docs/api"
},
{
"label": "Nav 3",
"to": "/docs/renderers"
}
]
}
或者
{
"status": 0,
"msg": "",
"data": {
"links": [ // 可选字段值:options, items, rows
{
"label": "Nav 1",
"to": "/docs/index",
"icon": "fa fa-user"
},
{
"label": "Nav 2",
"to": "/docs/api"
},
{
"label": "Nav 3",
"to": "/docs/renderers"
}
]
}
}