fa-tabbar.swan 2.0 KB

1
  1. <block s-if="{{tabbar.isshow&&showTabbar}}"><view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" class="u-tabbar data-v-cc878392" catchtouchmove="__e"><view class="{{['u-tabbar__content','safe-area-inset-bottom','data-v-cc878392',(tabbar.borderTop)?'u-border-top':'']}}" style="{{'height:'+($root.g0)+';'+('background-color:'+(tabbar.bgColor)+';')}}"><block s-for="$root.l0 trackBy index" s-for-item="item" s-for-index="index"><view data-event-opts="{{[['tap',[['clickHandler',[index]]]]]}}" class="{{['u-tabbar__content__item','data-v-cc878392',(tabbar.midButton&&item.$orig.midButton)?'u-tabbar__content__circle':'']}}" style="{{'background-color:'+(tabbar.bgColor)+';'}}" catchtap="__e"><view class="{{['data-v-cc878392',tabbar.midButton&&item.$orig.midButton?'u-tabbar__content__circle__button':'u-tabbar__content__item__button']}}"><u-image vue-id="{{'4fe9a31e-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-cc878392"></u-image><u-badge vue-id="{{'4fe9a31e-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-cc878392"></u-badge></view><view class="u-tabbar__content__item__text data-v-cc878392" style="{{'color:'+(item.m2)+';'}}"><text class="u-line-1 data-v-cc878392">{{item.$orig.text}}</text></view></view></block><block s-if="{{tabbar.midButton}}"><view class="{{['u-tabbar__content__circle__border','data-v-cc878392',(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-cc878392" style="{{'height:'+('calc('+$root.g1+' + '+(tabbar.midButton?48:0)+'rpx)')+';'}}"></view></view></block>