选项卡

概念说明

选项卡切换组件，常用于平级区域大块内容的收纳和展现。

基础信息

组件通用属性请参见组件通用说明。

选项卡属性

• 值：选中标签页的值。
• 禁用：默认关闭，开启后置灰显示，且禁止任何交互（焦点、点击、选择、输入等）。
• 展示外观：选择展示的样式风格，可选：线条、胶囊。
• 自动吸顶：是否自动吸顶，默认关闭。
• 滑动切换：切换标签页的交互方式。
• 导航模式：切换标签页时的内容展示方式，可选：切换导航、滚动导航。
• 切换动画：默认关闭，开启后展示转场动画。

标签页属性

• 值：当前标签页的值。
• 禁用：默认关闭，开启后当前标签置灰显示，且禁止任何交互（焦点、点击、选择、输入等）。
• 徽章：默认关闭，开启后当前标签的右上方显示提示信息。
• 徽章值：当徽章开启后，可以设置提示文案。
• 最大值：徽章内容为数字时显示的最大值。

事件

• 点击标签

  入参	类型	说明
  $event	object	自定义事件对象
  $event.value	any	选中标签页的值
  $event.itemVM	UTab	选中标签页实例
  senderVM	UTabs	发送事件实例

• 标签改变

  入参	类型	说明
  $event	object	自定义事件对象
  $event.value	any	选中标签页的值
  $event.itemVM	UTab	选中标签页实例
  senderVM	UTabs	发送事件实例

样式

样式说明请参见组件通用说明。