You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
xuan-pay-cweb/unpackage/dist/dev/mp-weixin/components/QS-tabs/QS-tabs.wxml

1 line
2.3 KiB

<view class="QS-tabs data-v-152e6e98" style="{{'z-index:'+(zIndex)+';'+('font-size:'+(getFontSize+'rpx')+';')+('background-color:'+(getBgColor)+';')+('transition-duration:'+(getDuration+'s')+';')}}"><scroll-view class="QS-tabs-scroll data-v-152e6e98" style="{{'z-index:'+($root.m0+1)+';'}}" scroll-x="{{true}}" scroll-left="{{left}}" scroll-with-animation="{{true}}"><view class="QS-tabs-scroll-box data-v-152e6e98"><block wx:for="{{getTabs}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="QS-tabs-scroll-item data-v-152e6e98" style="{{'height:'+('100rpx')+';'+('line-height:'+(getHeight+'rpx')+';')+('min-width:'+(getWidth+'rpx')+';')+('padding:'+('0 '+space+'rpx')+';')+('color:'+(index===getCurrent?getActiveColor:getDefaultColor)+';')+('font-weight:'+(activeBold&&index===getCurrent?'bold':'')+';')+('transition-duration:'+(getDuration+'s')+';')+('z-index:'+($root.m1+2)+';')}}" id="{{preId+index}}" data-event-opts="{{[['tap',[['emit',[index]]]]]}}" bindtap="__e"><block wx:if="{{animationMode==='line1'}}"><view class="boxStyle data-v-152e6e98" style="{{(getDurationStyle+(index===getCurrent?getActiveStyle:getDefaultStyle))}}"></view></block>{{''+(item.name||item)+''}}</view></block><block wx:if="{{hasItemBackground}}"><view class="itemBackgroundBox data-v-152e6e98" style="{{'height:'+(getHeight+'rpx')+';'+('width:'+((isLine3&&tabsInfo[animationFinishCurrent]?tabsInfo[animationFinishCurrent].width:tabsInfo[getCurrent].width)+'px')+';')+('z-index:'+($root.m2+1)+';')+('transition-duration:'+(getDuration+'s')+';')+('left:'+((tabsInfo[getCurrent]?tabsInfo[getCurrent].left:0)+'px')+';')}}"><view class="itemBackground data-v-152e6e98" style="{{('transition-duration:'+getDuration+'s;'+'background-color:'+getItemBackgroundColor+';'+'box-shadow: 0 0 5rpx 5rpx '+getItemBackgroundColor+';'+itemBackgroundStyle+';')}}"></view></view></block><block wx:if="{{animationMode==='line2'}}"><view class="boxStyle2 data-v-152e6e98" style="{{(getLinezIndex+getDurationStyle+'width:'+lW+'px;'+'background-color:'+(lineColor||getActiveColor)+';'+line2Style+';'+'left:'+line2Dx+'px;')}}"></view></block><block wx:if="{{animationMode==='line3'}}"><view class="boxStyle2 data-v-152e6e98" style="{{(getLinezIndex+'width:'+lW+'px;'+'background-color:'+(lineColor||getActiveColor)+';'+line2Style+';'+'left:'+getLine3Dx+'px')}}"></view></block></view></scroll-view></view>