4.0 KiB
4.0 KiB
Tabs
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | string |
"tabs" |
指定为 Tabs 渲染器 |
className | string |
外层 Dom 的类名 | |
tabsClassName | string |
Tabs Dom 的类名 | |
activeKey | number 或string |
配置默认展示的 tab。配置tabs 中tab 的hash 值,或者配置需要展示第n 个 tab ,0 是第一个 |
|
tabs | Array |
tabs 内容 | |
toolbar | Container | tabs 中的工具栏 | |
toolbarClassName | string |
tabs 中工具栏的类名 | |
tabs[x].title | string |
Tab 标题 | |
tabs[x].icon | icon |
Tab 的图标 | |
tabs[x].tab | Container | 内容区 | |
tabs[x].hash | string |
设置以后将跟 url 的 hash 对应 | |
tabs[x].reload | boolean |
设置以后内容每次都会重新渲染,对于 crud 的重新拉取很有用 | |
tabs[x].unmountOnExit | boolean |
每次退出都会销毁当前 tab 栏内容 | |
tabs[x].className | string |
"bg-white b-l b-r b-b wrapper-md" |
Tab 区域样式 |
[
{
"type": "tabs",
"tabs": [
{
"title": "Tab 1",
"tab": "Content 1"
},
{
"title": "Tab 2",
"tab": "Content 2"
}
]
},
{
"type": "tabs",
"toolbar": [
{
"type": "button",
"label": "按钮",
"actionType": "dialog",
"dialog": {
"title": "弹窗标题",
"body": "你点击了"
}
}
],
"tabs": [
{
"title": "Tab 1",
"tab": "Content 1"
},
{
"title": "Tab 2",
"tab": "Content 2"
}
]
}
]