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