amis2/docs/renderers/Nav.md
2020-04-09 20:23:29 +08:00

2.8 KiB
Raw Blame History

Nav

属性名 类型 默认值 说明
type string "tabs" 指定为 Nav 渲染器
className string 外层 Dom 的类名
stacked boolean true 设置成 false 可以以 tabs 的形式展示
source Apistring 动态拉取的 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"
      }
    ]
  }
}