2015-06-15 19:56:58 +08:00
|
|
|
|
# Tabs
|
2015-05-27 15:43:29 +08:00
|
|
|
|
|
2015-06-02 12:11:49 +08:00
|
|
|
|
- category: Components
|
2015-05-27 15:43:29 +08:00
|
|
|
|
- chinese: 标签页
|
2015-08-22 20:16:24 +08:00
|
|
|
|
- type: 导航
|
2015-05-27 15:43:29 +08:00
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
2015-06-09 18:17:20 +08:00
|
|
|
|
选项卡切换组件。
|
2015-05-27 15:43:29 +08:00
|
|
|
|
|
2015-06-14 17:54:08 +08:00
|
|
|
|
## 何时使用
|
|
|
|
|
|
|
|
|
|
|
|
提供平级的区域将大块内容进行收纳和展现，保持界面整洁。
|
|
|
|
|
|
|
|
|
|
|
|
|
2015-06-09 18:17:20 +08:00
|
|
|
|
## API
|
2015-05-27 15:43:29 +08:00
|
|
|
|
|
2015-06-15 19:56:58 +08:00
|
|
|
|
### Tabs
|
2015-05-27 15:43:29 +08:00
|
|
|
|
|
2015-06-12 20:03:38 +08:00
|
|
|
|
| 参数 | 说明 | 类型 | 默认值 |
|
|
|
|
|
|
|------------------|----------------------------------------------|----------|---------------------------------|
|
|
|
|
|
|
| activeKey | 当前激活 tab 面板的 key | String | 无 |
|
|
|
|
|
|
| animation | 是否启用面板切换动画 | String | 空。目前只支持 slide-horizontal |
|
|
|
|
|
|
| defaultActiveKey | 初始化选中面板的 key，如果没有设置 activeKey | String | 第一个面板 |
|
|
|
|
|
|
| onChange | 切换面板的回调 | Function | 无 |
|
|
|
|
|
|
| onTabClick | tab 被点击的回调 | Function | 无 |
|
2015-10-21 14:53:48 +08:00
|
|
|
|
| tabBarExtraContent | tab bar 上格外的元素 | React Node | 无 |
|
2015-05-27 15:43:29 +08:00
|
|
|
|
|
2015-06-15 19:56:58 +08:00
|
|
|
|
### Tabs.TabPane
|
2015-05-27 15:43:29 +08:00
|
|
|
|
|
2015-06-12 20:03:38 +08:00
|
|
|
|
| 参数 | 说明 | 类型 | 默认值 |
|
|
|
|
|
|
|------|------------------|-------------------------|--------|
|
|
|
|
|
|
| key | 对应 activeKey | String | 无 |
|
|
|
|
|
|
| tab | 选项卡头显示文字 | React.Element or String | 无 |
|
