微信小程序 擴(kuò)展組件·縱向選項(xiàng)卡組件

2020-07-28 09:56 更新

vtabs

縱向選項(xiàng)卡組件，需與 <vtabs-content> 組件結(jié)合使用。

屬性列表

屬性類型默認(rèn)值必填說明
vtabsArray[]是數(shù)據(jù)項(xiàng)格式為 {title}
active-tabNumber0否激活 tab 索引
tab-bar-classString否選項(xiàng)卡樣式
active-classString否選中項(xiàng)樣式
tab-line-colorString#ff0000否選中項(xiàng)側(cè)劃線顏色
tab-inactive-text-colorString#000000否未選中項(xiàng)字體顏色
tab-active-text-colorString#ff0000否選中項(xiàng)字體顏色
tab-inactive-bg-colorString#eeeeee否未選中項(xiàng)背景色
tab-active-bg-colorString#ffffff否選中項(xiàng)背景色
animationBooleantrue否是否開啟動(dòng)畫
bindtabclickeventhandle否點(diǎn)擊 tab 時(shí)觸發(fā)，e.detail={index}
bindchangeeventhandle否內(nèi)容區(qū)域滾動(dòng)導(dǎo)致 tab 變化時(shí)觸發(fā), e.detail={index}

vtabs-content

縱向選項(xiàng)卡內(nèi)容。

屬性類型默認(rèn)值必填說明
tab-indexNumber0是vtabs 數(shù)據(jù)索引（從0開始）

以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)