- <view class="tui-tabs-view {{isFixed?'tui-tabs-fixed':'tui-tabs-relative'}} {{unlined?'tui-unlined':''}}" style="height:{{height}}rpx;padding:0 {{padding}}rpx;background:{{bgColor}};top:{{isFixed?top+'px':'auto'}}">
- <view wx:for="{{tabs}}" wx:key="{{index}}" class="tui-tabs-item" style="width:{{itemWidth}}" catchtap="swichTabs" data-index="{{index}}">
- <view class="tui-tabs-title {{currentTab==index?'tui-tabs-active':''}} {{item.disabled?'tui-tabs-disabled':''}}" style="color:{{currentTab==index?selectedColor:color}};font-size:{{size}}rpx;line-height:{{size}}rpx;font-weight:{{(bold && currentTab==index)?'bold':'normal'}};">{{item.name}}</view>
- </view>
- <view class="tui-tabs-slider" style="transform:translateX({{scrollLeft}}px);width:{{sliderWidth}}rpx;height:{{sliderHeight}}rpx;bottom:{{bottom}};background:{{sliderBgColor}};margin-bottom:{{bottom=='50%'?('-'+sliderHeight/2+'rpx'):0}}"></view>
- </view>
|
