ButtonTab
Install

Install


button-tab

button-tab

Props

nametypedefaultdescriptionrequired version
valuenumber0current index, start from 0, use v-model for binding--
heightnumber30height in px--
button-tab-item

button-tab-item

Props

nametypedefaultdescriptionrequired version
selectedbooleanfalseif selected--

Events

nameparamsdescriptionrequired version
@on-item-click(index)emits when item is clicked--
Variables

Variables

namedefaultdescriptioninherited name
@button-tab-border-width 1px not used
@button-tab-border-radius 16px border radius color
@button-tab-border-color #04BE02 border color@theme-color
@button-tab-default-border-color #04BE02 not used@button-tab-border-color
@button-tab-active-border-color #04BE02 not used@button-tab-border-color
@button-tab-default-background-color #fdfdfd default background color
@button-tab-active-background-color #04BE02 selected background color@theme-color
@button-tab-active-font-color #FFF not used
@button-tab-active-text-color #FFF not used@button-tab-active-font-color
@button-tab-default-text-color #999 default text color
@button-tab-height 30px height
@button-tab-line-height 31px line height


Contributors

Contributors

Total commits quantity: 14,Total contributors quantity: 4

airylandunclayQiongrong JiangLin Sen

Changelog

Releases

  • 2.7.6 [fix] fix border disappear bug #2322
  • v2.2.0 [enhance] Update border style(1px)
  • v2.1.0-rc.46 [feature] add more `less` variables #896 @erguotou520
  • v2.0.0 [enhance] remove tap highlight