u-tabs.wxml 2.5 KB

1
  1. <view class="u-tabs data-v-48634e29"><view class="u-tabs__wrapper data-v-48634e29"><slot name="left"></slot><view class="u-tabs__wrapper__scroll-view-wrapper data-v-48634e29"><scroll-view class="u-tabs__wrapper__scroll-view data-v-48634e29 vue-ref" scroll-x="{{scrollable}}" scroll-left="{{scrollLeft}}" scroll-with-animation="{{true}}" show-scrollbar="{{false}}" data-ref="u-tabs__wrapper__scroll-view"><view data-ref="u-tabs__wrapper__nav" class="u-tabs__wrapper__nav data-v-48634e29 vue-ref"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-ref="{{'u-tabs__wrapper__nav__item-'+index}}" data-event-opts="{{[['tap',[['clickHandler',['$0',index],[[['list','',index]]]]]]]}}" class="{{['u-tabs__wrapper__nav__item','data-v-48634e29','vue-ref-in-for','u-tabs__wrapper__nav__item-'+index,item.$orig.disabled&&'u-tabs__wrapper__nav__item--disabled']}}" style="{{$root.s0}}" bindtap="__e"><text class="{{['u-tabs__wrapper__nav__item__text','data-v-48634e29',item.$orig.disabled&&'u-tabs__wrapper__nav__item__text--disabled']}}" style="{{item.s1}}">{{item.$orig[keyName]}}</text><u-badge vue-id="{{'77f21006-1-'+index}}" show="{{!!(item.$orig.badge&&(item.$orig.badge.show||item.$orig.badge.isDot||item.$orig.badge.value))}}" isDot="{{item.$orig.badge&&item.$orig.badge.isDot||propsBadge.isDot}}" value="{{item.$orig.badge&&item.$orig.badge.value||propsBadge.value}}" max="{{item.$orig.badge&&item.$orig.badge.max||propsBadge.max}}" type="{{item.$orig.badge&&item.$orig.badge.type||propsBadge.type}}" showZero="{{item.$orig.badge&&item.$orig.badge.showZero||propsBadge.showZero}}" bgColor="{{item.$orig.badge&&item.$orig.badge.bgColor||propsBadge.bgColor}}" color="{{item.$orig.badge&&item.$orig.badge.color||propsBadge.color}}" shape="{{item.$orig.badge&&item.$orig.badge.shape||propsBadge.shape}}" numberType="{{item.$orig.badge&&item.$orig.badge.numberType||propsBadge.numberType}}" inverted="{{item.$orig.badge&&item.$orig.badge.inverted||propsBadge.inverted}}" customStyle="margin-left: 4px;" class="data-v-48634e29" bind:__l="__l"></u-badge></view></block><view data-ref="u-tabs__wrapper__nav__line" class="u-tabs__wrapper__nav__line data-v-48634e29 vue-ref" style="{{'width:'+($root.g0)+';'+('transform:'+('translate('+lineOffsetLeft+'px)')+';')+('transition-duration:'+((firstTime?0:duration)+'ms')+';')+('height:'+($root.g1)+';')+('background:'+(lineColor)+';')+('background-size:'+(lineBgSize)+';')}}"></view></view></scroll-view></view><slot name="right"></slot></view></view>