-

vtabs

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

属性列表

属性类型默认值必填说明
vtabsArray[]是数据项格式为 {title}
active-tabNumber0否激活 tab 索引
tab-bar-classString否选项卡样式
active-classString否选中项样式
tab-line-colorString#ff0000否选中项侧划线颜色
tab-inactive-text-colorString#000000否未选中项字体颜色
tab-active-text-colorString#ff0000否选中项字体颜色
tab-inactive-bg-colorString#eeeeee否未选中项背景色
tab-active-bg-colorString#ffffff否选中项背景色
animationBooleantrue否是否开启动画
bindtabclickeventhandle否点击 tab 时触发，e.detail={index}
bindchangeeventhandle否内容区域滚动导致 tab 变化时触发, e.detail={index}

vtabs-content

纵向选项卡内容。

属性类型默认值必填说明
tab-indexNumber0是vtabs 数据索引（从0开始）

© 2023 mianshi8.net MIT license