u-tabbar.axml
1.9 KB
<block a:if="{{show}}"><view data-event-opts="{{[['touchMove',[['e0',['$event']]]]]}}" class="u-tabbar data-v-180fb800" catchTouchMove="__e"><view class="{{(((('u-tabbar__content')+' '+'safe-area-inset-bottom')+' '+'data-v-180fb800')+' '+((borderTop)?'u-border-top':''))}}" style="{{'height:'+($root.g0)+';'+('background-color:'+(bgColor)+';')}}"><view data-event-opts="{{[['tap',[['clickHandler',[index]]]]]}}" class="{{((('u-tabbar__content__item')+' '+'data-v-180fb800')+' '+((midButton&&item.$orig.midButton)?'u-tabbar__content__circle':''))}}" style="{{'background-color:'+(bgColor)+';'}}" catchTap="__e" a:for="{{$root.l0}}" a:for-item="item" a:for-index="index" a:key="index"><view class="{{(('data-v-180fb800')+' '+(midButton&&item.$orig.midButton?'u-tabbar__content__circle__button':'u-tabbar__content__item__button'))}}"><u-icon vue-id="{{'2c446e48-1-'+index}}" size="{{midButton&&item.$orig.midButton?midButtonSize:iconSize}}" name="{{item.m0}}" img-mode="scaleToFill" color="{{item.m1}}" custom-prefix="{{item.$orig.customIcon?'custom-icon':'uicon'}}" class="data-v-180fb800" onVueInit="__l"></u-icon><block a:if="{{item.$orig.count||item.$orig.isDot}}"><u-badge vue-id="{{'2c446e48-2-'+index}}" count="{{item.$orig.count}}" is-dot="{{item.$orig.isDot}}" offset="{{[-2,item.m2]}}" class="data-v-180fb800" onVueInit="__l"></u-badge></block></view><view class="u-tabbar__content__item__text data-v-180fb800" style="{{'color:'+(item.m3)+';'}}"><text class="u-line-1 data-v-180fb800">{{item.$orig.text}}</text></view></view><block a:if="{{midButton}}"><view class="{{((('u-tabbar__content__circle__border')+' '+'data-v-180fb800')+' '+((borderTop)?'u-border':''))}}" style="{{'background-color:'+(bgColor)+';'+('left:'+(midButtonLeft)+';')}}"></view></block></view><view class="u-fixed-placeholder safe-area-inset-bottom data-v-180fb800" style="{{'height:'+('calc('+$root.g1+' + '+(midButton?48:0)+'rpx)')+';'}}"></view></view></block>