vtabs

纵向选项卡组件,需与 <vtabs-content> 组件结合使用。

属性列表

属性 类型 默认值 必填 说明
vtabs Array [] 数据项格式为 {title}
active-tab Number 0 激活 tab 索引
tab-bar-class String 选项卡样式
active-class String 选中项样式
tab-line-color String #ff0000 选中项侧划线颜色
tab-inactive-text-color String #000000 未选中项字体颜色
tab-active-text-color String #ff0000 选中项字体颜色
tab-inactive-bg-color String #eeeeee 未选中项背景色
tab-active-bg-color String #ffffff 选中项背景色
animation Boolean true 是否开启动画
bindtabclick eventhandle 点击 tab 时触发,e.detail={index}
bindchange eventhandle 内容区域滚动导致 tab 变化时触发, e.detail={index}

vtabs-content

纵向选项卡内容。

属性 类型 默认值 必填 说明
tab-index Number 0 vtabs 数据索引(从0开始)

示例代码

在开发者工具中预览效果