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 | '' | 标题, 高级标题可通过 子标签 的形式传入, 详细见使用示例