tabs.wxml 1.8 KB

1
  1. <view class="{{['tui-tabs-view data-v-3fc3f1de',isFixed?'tui-tabs-fixed':'tui-tabs-relative',unlined?'tui-unlined':'',isBoxShadow?'tui-tabs-view-shadow':'']}}" style="{{'height:'+(height+'rpx')+';'+('padding:'+('0 '+padding+'rpx')+';')+('background:'+(bgColor)+';')+('top:'+(isFixed?top+'px':'auto')+';')}}"><view class="item-wrap _div data-v-3fc3f1de" style="{{'width:'+(isAdd?'calc(100% - '+(addTabWidth+30)+'rpx)':'100%')+';'}}"><block wx:for="{{tabs}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['swichTabs',[index]]]]]}}" class="{{['tui-tabs-item data-v-3fc3f1de',(borderLeft)?'border-left':'']}}" style="{{'width:'+(itemWidth)+';'}}" catchtap="__e"><view class="{{['tui-tabs-title data-v-3fc3f1de',(currentTab==index)?'tui-tabs-active':'',(item.disabled)?'tui-tabs-disabled':'']}}" style="{{'font-size:'+(size+'rpx')+';'+('line-height:'+(size+'rpx')+';')+('font-weight:'+(bold&&currentTab==index?'bold':'normal')+';')}}"><view class="tabs-title _div data-v-3fc3f1de">{{item.name}}</view><block wx:if="{{item.value||item.value==0}}"><view class="tabs-value _div data-v-3fc3f1de">{{item.value}}</view></block></view></view></block></view><block wx:if="{{isAdd}}"><view data-event-opts="{{[['tap',[['add',['$event']]]]]}}" class="tabs-add _div data-v-3fc3f1de" style="{{'width:'+(addTabWidth+'rpx')+';'}}" bindtap="__e"><view class="{{['iconfont _i data-v-3fc3f1de',addIcon]}}"></view><label class="_span data-v-3fc3f1de">{{addText}}</label></view></block><view class="tui-tabs-slider data-v-3fc3f1de" style="{{'transform:'+('translateX('+scrollLeft+'px)')+';'+('width:'+(sliderWidth+'rpx')+';')+('height:'+(sliderHeight+'rpx')+';')+('border-radius:'+(sliderRadius)+';')+('bottom:'+(bottom)+';')+('margin-bottom:'+(bottom=='50%'?'-'+sliderHeight/2+'rpx':0)+';')}}"></view></view>