Tab 选项卡
选项卡
组件来源#
@alife/nuke-tab
API#
Tab#
| 属性配置 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | tab的类型, 可选为 ['bar' , 'capsule' , 'app', 'text', 'icon']之一 |
string | bar |
| activeKey | 当前激活 tab 面板的 key | String | 无 |
| defaultActiveKey | 设置默认选中的tab | number | 1 |
| onClick | 点击事件的 handler | function | |
| onChange | 切换Tab的handler | function | |
| onClickMore | 点击More的handler，如果返回false，则不会展开组件自己的More弹层 |
func | undefined |
| tabPosition | 页签位置，可选为top/bottom |
String | 'top' |
| title | 标题 | String | 无 |
| icon | 图标 | String | 无 |
说明：
在移动端，app和icon型的tab都需要icon，所以增加一个title/icon的便捷性API。如果指定tab，则以tap优先，否则会取icon与title。示例：
<Tab.Pane tab={<div><Icon type="display" />收藏</div>} />可以简化为：
<Tab.Pane title="收藏" icon="display" />
Tab.Pane#
嵌套在Tab元素的内部
| 属性配置 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| key | 对应 activeKey | String | |
| tab | TabPane 可以定议自定义的tab-btn中显示的内容 |
React组件 及字符串 |
