微信小程序开发文档 微信小程序 扩展组件·纵向选项卡组件

2024-02-25 开发教程 微信小程序开发文档 匿名 4

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-indexNumber0vtabs 数据索引(从0开始)