# 选项卡
用户平级区域大块内容的收纳和展现。
# 概念说明
# 属性
组件通用属性请参见组件通用说明。
# 选项卡
# 主要属性
- 路由模式：开启后，选项卡可设置跳转页面。
- 可关闭：是否可以关闭。
- 展示外观：标签展示的外观。
- 标签尺寸：标签展示的尺寸。
# 数据属性
- 数据源：集合类型变量或者输出参数为集合类型的逻辑。
- 数据类型：集合类型每一元素的数据类型。
- 标签项标题：数据源集合的元素，用于显示标签标题的属性。
- 标签项标题值：数据源集合的元素，用于标识标签值的属性。
- 标签项内容值：数据源集合的元素，用于标识当前打开的标签项。
- 标签项是否可关闭:数据源集合的元素，用于标识标签是否可关闭的属性。
- 值：指当前打开标签的标签项。
# 标签页
值：标签页的值。
禁用：置灰显示，且禁止任何交互（焦点、点击、选择、输入等）。
默认显示：控制标签页是否默认显示。
可关闭：控制标签页是否可关闭，开启效果如下。
# 事件
# 选项卡
| 事件名 | 触发条件 |
|---|---|
| 点击后 | 点击某一项后触发 |
| 选择后 | 选择某一项后触发 |
| 关闭后 | 关闭某一页后触发组件事件 |
# 标签页
标签页组件不支持配置事件。
# 组件内置逻辑
| 逻辑名称 | 逻辑描述 |
|---|---|
| reload | 重新加载数据 |
# 样式
样式说明请参见组件通用说明。
# 主题样式
- border-width：tab项边框宽度，如
1px。 - border-color：tab项边框颜色，如
#223325。 - head-background：tab组件背景色（未选中部分），如
#223325。 - item-height：tab项高度，如
1px。 - item-padding-x：tab项水平方向内间距，如
1px。 - item-line-width：tab项高亮指示线高度，如
1px。 - font-size： tab项字体大小，如
1px。 - item-line-background：tab选中项线条背景色（线条导航方式），如
#223325。 - item-background-text：tab项背景色（文本模式， 未选中部分），如
#223325。 - item-background-capsule：tab项背景色（胶囊模式， 未选中部分），如
#223325。 - item-background-hover：tab项背景色（hover状态， 胶囊模式和底线模式不生效），如
#223325。 - item-background-selected：tab项背景色（选中部分， 胶囊模式和底线模式不生效），如
#223325。 - item-background-selected-capsule：tab项背景色（选中部分， 胶囊模式生效），如
#223325。 - item-color：tab项文字颜色（未选中部分， 仅文本模式生效），如
#223325。 - item-color-hover：tab项文字颜色（未选中部分， hover状态， 文本模式和胶囊模式生效），如
#223325。 - item-color-selected：tab项文字颜色（未选中部分， hover状态， 文本模式和文本模式生效），如
#223325。 - item-color-selected-capsule：tab项文字颜色（胶囊模式， 选中部分），如
#223325。 - item-color-disabled：tab禁用项文字颜色，如
#223325。 - item-border-color-selected：tab项边框颜色（选中部分， 默认模式和圆角模式生效），如
#223325。 - item-border-color-selected-capsule：tab项边框颜色（选中部分， 胶囊模式），如
#223325。 - item-border-radius-round：tab项边框圆角（选中部分， 圆角模式），如
1px。 - body-space：组件的tab项和内容区之间的间距，如
1px。