tabs

选项卡组件。

安装

npm install @miniprogram-component-plus/tabs

在页面 page.json 中

// page.json
{
    "usingComponents": {
        "mp-tabs": "@miniprogram-component-plus/tabs"
    }
}

属性	类型	默认值	必填	说明
tabs	Array	[]	是	数据项格式为 `{title}`
tab-class	String		否	选项卡样式
swiper-class	String		否	内容区域 swiper 的样式
active-class	String		否	选中项样式
tab-underline-color	String	#07c160	否	选中项下划线颜色
tab-active-text-color	String	#000000	否	选中项字体颜色
tab-inactive-text-color	String	#000000	否	未选中项字体颜色
tab-background-color	String	#ffffff	否	选项卡背景颜色
active-tab	Number	0	否	激活 tab 索引
duration	Number	500	否	内容区域切换时长
bindtabclick	eventhandle		否	点击 tab 时触发，e.detail={index}
bindchange	eventhandle		否	内容区域滚动导致 tab 变化时触发, e.detail={index}