tm-segTabs.wxml 1.5 KB

1
  1. <view class="tm-segTabs d-inline-block relative "><view class="{{['tm-segTabs-wkbody','','fulled','flex-start','','relative','pa-'+gutter]}}" style="{{'width:'+(width>0?width+'rpx':'auto')+';'}}"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['tm-segTabs-item','flex-shrink','flex-center','px-'+margin[0]+' py-'+margin[1],'text-size-'+fontSize,'round-'+round,active_index==index?'text-weight-b '+(black_tmeme?'text-grey-lighten-3 ':'text-'+color_tmeme):black_tmeme?'text-grey bk':'text-'+color]}}" style="{{'width:'+(width_item+'px')+';'}}" id="{{'tm-segTabs-item-'+index}}" data-event-opts="{{[['tap',[['clickItem',[index,'$0'],[[['listData','',index]]]]]]]}}" bindtap="__e"><block wx:if="{{$slots.default}}"><slot></slot><scoped-slots-default item="{{({color:color_tmeme,data:item.$orig,index:index,isActive:active_index==index})}}" class="scoped-ref" bind:__l="__l"></scoped-slots-default></block><block wx:else>{{''+item.m0+''}}</block></view></block></view><view class="{{['tm-segTabs-bg','absolute','','l-0','t-0','fulled','','',black_tmeme?'grey-darken-5':bgColor,'round-'+round]}}" style="{{'height:'+(body_height+'px')+';'}}"><view class="{{['tm-segTabs-bg-bar','','','relative','shadow-'+activeColor+'-'+shadow,black_tmeme?'grey-darken-3':activeColor,'round-'+round,aniOn?'aniOn':'','mt-'+gutter+' ml-'+gutter/2]}}" style="{{'width:'+(active_barWidth+'px')+';'+('height:'+(active_barHeight+'px')+';')+('transform:'+('translateX('+left+'px)')+';')}}"></view></view></view>