1.0.12 • Published 8 years ago
vu-tabs v1.0.12
Tabs
- category: Components
- chinese: 标签页
- type: 基本
选项卡切换组件
何时使用
提供平级的区域将大块内容进行收纳和展现，保持界面整洁。
标签页的三种主题，分别用于不同的场景。
| 类型 | 默认 | 说明 |
|---|---|---|
| line | yes | 底部线条标识激活状态, 常用于顶部导航 |
| block | no | 背景色标识激活状态, 常用于顶部导航 |
| icon | no | icon 背景色标识激活状态, 常用于底部导航 |
API
- Tabs
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| type | string | line | 主题样式 |
| onChange | Function | function() {} | 标签页切换时触发 |
| activeIndex | int | 0 | 指定初始激活标签，和Tab不同的是，该标签的状态是只读的，需要手动改变该值，才能切换index |
- Tab
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| active | bool | false | 是否选中, 默认选中第一个 |
| text | string | '' | 标题, 高级标题可通过 子标签 的形式传入, 详细见使用示例 |