tabs表示组件的配置项类型为标签组。切换标签可展示当前标签下的内容，⽀持动态增减标签组。

配置项说明

字段名含义类型是否必选备注
name显示名string是无。
type类型string是无。
default默认值object否不填时值为空。
addable是否可以动态增减boolean否默认为true。
template动态增减的模板object否默认为{}。
children各标签组内容array否默认为[]。⼦控件key字段不可使用关键字：_icon、id和_label。
说明 在每个⼦元素中，可以使⽤_label更改系列名（例如系列⼀改为模板），_icon更改图标。
fold是否默认展开boolean否默认为true。

值说明

条件数据类型示例默认值备注
不涉及array
[
 {
   "name": "系列一"
 },
 {
   "name": "系列二"
 }
]
[]
在每个子元素中，可以使用_label设置独立的tab名，使用_icon增加图标。

配置示例

  • 可增减（配置template动态增加模板内容）tabs配置示例
     "tabs": {
    "name": "正常标签",
    "type": "tabs",
    "maxTabs": 10,
    "default": [
      {
        "seriesName": "钢铁"
      }
    ],
    "template": {
      "name": "系列<%= i + 1%>",
      "children": {
        "seriesName": {
          "type": "text",
          "name": "系列名"
        }
      }
    }
}
  • 内容固定（不配置template）tabs配置示例
    "tabs": {
    "name": "标签",
    "type": "tabs",
    "addable": false,
    "children": [
      {
        "name": "用户信息",
        "children": {
          "serieName": {
            "name": "姓名",
            "type": "text"
          }
        }
      },
      {
        "name": "是否应用",
        "children": {
          "switch": {
            "name": "开关",
            "type": "switch"
          }
        }
      }
    ]
}
  • 使用独立的icon和labeltabs配置示例

    此时需要通过值传入icon地址。

    {
  "tabs": {
    "name": "标签",
    "type": "tabs",
    "default": [
      {
        "link": true,
        "_label": "食品行业",
        "_icon": "https://img.alicdn.com/tfs/TB1fck7voH1gK0jSZSyXXXtlpXa-201-200.png"
      }
    ],
    "template": {
      "name": "系列<%= i + 1%>",
      "children": {
        "link": {
          "type": "switch",
          "name": "Link"
        }
      }
    }
  }
}