yunshangxie/unpackage/dist/dev/mp-weixin/tuniao-ui/components/tn-tabbar/tn-tabbar.wxml

1 line
2.7 KiB
Plaintext

<block wx:if="{{show}}"><view data-event-opts="{{[['touchmove',[['e0',['$event']]]]]}}" class="tn-tabbar-class tn-tabbar data-v-3972e4a0" catchtouchmove="__e"><view class="{{['tn-tabbar__content','data-v-3972e4a0',(fixed)?'tn-tabbar--fixed':'',(safeAreaInsetBottom)?'tn-safe-area-inset-bottom':'',(shadow)?'tn-tabbar--shadow':'']}}" style="{{'height:'+(height+'rpx')+';'+('background-color:'+(bgColor)+';')}}"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['tn-tabbar__content__item','data-v-3972e4a0',(item.$orig.out)?'tn-tabbar__content__item--out':'']}}" style="{{'background-color:'+(bgColor)+';'}}" id="{{'tabbar_item_'+index}}" data-event-opts="{{[['tap',[['clickItemHandler',[index]]]]]}}" catchtap="__e"><view class="{{['data-v-3972e4a0',item.m0]}}" style="{{item.s0}}"><block wx:if="{{item.m1}}"><image class="tn-tabbar__content__item__image data-v-3972e4a0" style="{{'width:'+((item.$orig.iconSize||iconSize)+'rpx')+';'+('height:'+((item.$orig.iconSize||iconSize)+'rpx')+';')+('border-radius:'+('50%')+';')}}" src="{{item.m2}}" mode="scaleToFill"></image></block><block wx:else><view class="{{['tn-tabbar__content__item__icon','data-v-3972e4a0','tn-icon-'+item.m3,item.m4]}}" style="{{'font-size:'+((item.$orig.iconSize||iconSize)+'rpx')+';'+('color:'+(item.m5)+';')}}"></view></block><block wx:if="{{!item.$orig.out&&(item.$orig.count||item.$orig.dot)}}"><tn-badge vue-id="{{'162b9f34-1-'+index}}" dot="{{item.$orig.dot||false}}" backgroundColor="tn-bg-red" fontColor="#FFFFFF" radius="{{item.$orig.dot?14:0}}" fontSize="{{14}}" padding="2rpx 4rpx" absolute="{{true}}" top="{{2}}" class="data-v-3972e4a0" bind:__l="__l" vue-slots="{{['default']}}">{{''+item.g0+''}}</tn-badge></block></view><view class="{{['tn-tabbar__content__item__text','data-v-3972e4a0',item.m6]}}" style="{{'color:'+(item.m7)+';'+('font-size:'+(fontSize+'rpx')+';')}}"><text class="tn-text-ellipsis data-v-3972e4a0">{{item.$orig.title}}</text></view></view></block><block wx:if="{{outItemIndex!==-1}}"><view data-event-opts="{{[['tap',[['clickItemHandler',['$0'],['outItemIndex']]]]]}}" class="{{['tn-tabbar__content__out','data-v-3972e4a0',[(shadow)?'tn-tabbar__content__out--shadow':''],animation&&value===outItemIndex?'tn-tabbar__content__out--animation--'+animationMode:'']}}" style="{{'background-color:'+('transparent')+';'+('left:'+(outItemLeft)+';')+('width:'+(outHeight+'rpx')+';')+('height:'+(outHeight+'rpx')+';')+('top:'+('-'+outHeight*0.3+'rpx')+';')}}" catchtap="__e"></view></block></view><view class="{{['tn-tabbar__placeholder','data-v-3972e4a0',(safeAreaInsetBottom)?'tn-safe-area-inset-bottom':'']}}" style="{{'height:'+('calc('+height+'rpx)')+';'}}"></view></view></block>