tabs.wxml 1.6 KB

1
  1. <view class="{{['tui-tabs-view data-v-18ba7c1f',isFixed?'tui-tabs-fixed':'tui-tabs-relative',unlined?'tui-unlined':'',isBoxShadow?'tui-tabs-view-shadow':'']}}" style="{{'height:'+(height+'upx')+';'+('padding:'+('0 '+padding+'upx')+';')+('background:'+(bgColor)+';')+('top:'+(isFixed?top+'upx':'auto')+';')}}"><view class="item-wrap _div data-v-18ba7c1f" style="{{'width:'+(isAdd?'calc(100% - '+(addTabWidth+30)+'upx)':'100%')+';'}}"><block wx:for="{{tabs}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" data-event-params="{{({item,index})}}" class="{{['data-v-18ba7c1f','tui-tabs-item',[(currentTab==index)?'active':'']]}}" style="{{'width:'+(itemWidth)+';'}}" catchtap="__e"><view class="{{['tui-tabs-title data-v-18ba7c1f',(currentTab==index)?'tui-tabs-active':'',(item.disabled)?'tui-tabs-disabled':'',(borderLeft&&!(index==tabs.length-1))?'border-left':'']}}" style="{{'font-size:'+(size+'upx')+';'+('line-height:'+(size+'upx')+';')+('font-weight:'+(bold&&currentTab==index?'bold':'normal')+';')}}"><view class="tabs-title _div data-v-18ba7c1f">{{item.name}}</view><block wx:if="{{item.value||item.value==0}}"><view class="tabs-value _div data-v-18ba7c1f">{{''+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-18ba7c1f" style="{{'width:'+(addTabWidth+'upx')+';'}}" bindtap="__e"><view class="{{['iconfont _i data-v-18ba7c1f',addIcon]}}"></view><label class="_span data-v-18ba7c1f">{{addText}}</label></view></block></view>