fa-tabbar.ttml 2.1 KB

1
  1. <block tt:if="{{tabbar.isshow&&showTabbar}}"><view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" class="u-tabbar data-v-5a2d1ce5" catchtouchmove="__e"><view class="{{(((('u-tabbar__content')+' '+'safe-area-inset-bottom')+' '+'data-v-5a2d1ce5')+' '+((tabbar.borderTop)?'u-border-top':''))}}" style="{{'height:'+($root.g0)+';'+('background-color:'+(tabbar.bgColor)+';')}}"><block tt:for="{{$root.l0}}" tt:for-item="item" tt:for-index="index" tt:key="index"><block tt:if="{{index<5}}"><view data-event-opts="{{[['tap',[['clickHandler',[index]]]]]}}" class="{{((('u-tabbar__content__item')+' '+'data-v-5a2d1ce5')+' '+((tabbar.midButton&&item.$orig.midButton)?'u-tabbar__content__circle':''))}}" style="{{'background-color:'+(tabbar.bgColor)+';'}}" catchtap="__e"><view class="{{(('data-v-5a2d1ce5')+' '+(tabbar.midButton&&item.$orig.midButton?'u-tabbar__content__circle__button':'u-tabbar__content__item__button'))}}"><u-image vue-id="{{'4fe8ce02-1-'+index}}" lazy-load="{{false}}" duration="{{0}}" show-loading="{{false}}" fade="{{false}}" width="{{tabbar.midButton&&item.$orig.midButton?tabbar.midButtonSize:tabbar.iconSize}}" height="{{tabbar.midButton&&item.$orig.midButton?tabbar.midButtonSize:tabbar.iconSize}}" src="{{item.m0}}" class="data-v-5a2d1ce5" bind:__l="__l"></u-image><u-badge vue-id="{{'4fe8ce02-2-'+index}}" count="{{item.$orig.count}}" is-dot="{{item.$orig.isDot}}" color="{{item.$orig.badgeColor}}" bgColor="{{item.$orig.badgeBgColor}}" offset="{{item.m1}}" class="data-v-5a2d1ce5" bind:__l="__l"></u-badge></view><view class="u-tabbar__content__item__text data-v-5a2d1ce5" style="{{'color:'+(item.m2)+';'}}"><text class="u-line-1 data-v-5a2d1ce5">{{item.$orig.text}}</text></view></view></block></block><block tt:if="{{tabbar.midButton}}"><view class="{{((('u-tabbar__content__circle__border')+' '+'data-v-5a2d1ce5')+' '+((tabbar.borderTop)?'u-border':''))}}" style="{{'background-color:'+(tabbar.bgColor)+';'+('left:'+(tabbar.midButtonLeft)+';')}}"></view></block></view><view class="u-fixed-placeholder safe-area-inset-bottom data-v-5a2d1ce5" style="{{'height:'+('calc('+$root.g1+' + '+(tabbar.midButton?48:0)+'rpx)')+';'}}"></view></view></block>