# 选项卡

常用于平级区域大块内容的的收纳和展现，支持内嵌标签形式和渲染循环数据形式。

# 类型

下划线选项卡

下划线选项卡 + 图标

填充选项卡

填充选项卡 + 图标

# 如何使用

选项卡需要简洁、精简和易于使用。选项卡类型应取决于页面布局和内容类型。使用时需注意选项卡数量不可过多，确保选项卡文字和图标简洁易懂。

# 状态

1. 默认状态（Normal）：默认状态为未选中，选项卡的颜色和标签文字通常是灰色，表示该选项卡当前未被选中。
2. 活动状态（Active）：当用户点击选项卡时，该选项卡进入活动状态，此时选项卡的颜色和标签文字通常变为更明亮和鲜艳的颜色。
3. 禁用状态（Disable）：在某些情况下，选项卡可能需要被禁用，此时选项卡通常变成灰色或半透明状态，表示该选项卡当前不可用。

# 布局

• 位于页面顶部，控制下方内容的切换，通常设置吸顶，方便用户快速切换。
• 相邻选项卡应保持一定距离以确保选项卡不会混淆在一起。
• 当选项卡数量超出屏幕界限时，通常会提供平移或滑动功能。

# 触控区域

触控区域宽度依照选项数量均分。