31 lines
2.1 KiB
Plaintext
31 lines
2.1 KiB
Plaintext
<view class="custom-class {{utils.bem( 'tabs',[type] )}}">
|
|
<view class="{{utils.bem( 'tabs__wrap',{scrollable:scrollable} )}} {{type==='line'&&border?'van-hairline--top-bottom':''}}" style="z-index: {{zIndex}}; {{wrapStyle}}">
|
|
<slot name="nav-left"></slot>
|
|
<scroll-view scrollWithAnimation class="van-tabs__scroll--{{type}}" scrollLeft="{{scrollLeft}}" scrollX="{{scrollable}}" style="{{color?'border-color: '+color:''}}">
|
|
<view class="{{utils.bem( 'tabs__nav',[type] )}} nav-class">
|
|
<view class="van-tabs__line" style="{{lineStyle}}" wx:if="{{type==='line'}}"></view>
|
|
<view bind:tap="onTap" class="van-ellipsis tab-class {{index===active?'tab-active-class':''}} {{utils.bem( 'tab',{active:index===active,disabled:item.disabled} )}}" data-index="{{index}}" style="{{color&&index!==active&&type==='card'&&!item.disabled?'color: '+color:''}} {{color&&index===active&&type==='card'?';background-color:'+color:''}} {{color?';border-color: '+color:''}} {{scrollable?';flex-basis:'+88/swipeThreshold+'%':''}}" wx:for="{{tabs}}" wx:key="index">
|
|
<view class="van-ellipsis {{utils.bem( 'tab__title',{dot:item.dot} )}}" style="{{item.titleStyle}}">
|
|
<block wx:if="{{item.icon}}">
|
|
<van-icon customStyle="{{item.iconStyle}}" name="{{item.icon}}"></van-icon>
|
|
<view>
|
|
{{item.title}}
|
|
</view>
|
|
</block>
|
|
<block wx:else>
|
|
{{item.title}}
|
|
</block>
|
|
<van-info customClass="van-tab__title__info" info="{{item.info}}" wx:if="{{item.info!==null}}"></van-info>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
<slot name="nav-right"></slot>
|
|
</view>
|
|
<view bind:touchcancel="onTouchEnd" bind:touchend="onTouchEnd" bind:touchmove="onTouchMove" bind:touchstart="onTouchStart" class="van-tabs__content">
|
|
<view class="van-tabs__track" style="{{trackStyle}}">
|
|
<slot></slot>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<wxs module="utils" src="../wxs/utils.wxs" /> |