|
|
@@ -2,62 +2,29 @@
|
|
|
<wxs src="./index.wxs" module="computed" />
|
|
|
|
|
|
<view class="custom-class {{ utils.bem('tabs', [type]) }}">
|
|
|
- <van-sticky
|
|
|
- disabled="{{ !sticky }}"
|
|
|
- z-index="{{ zIndex }}"
|
|
|
- offset-top="{{ offsetTop }}"
|
|
|
- container="{{ container }}"
|
|
|
- bind:scroll="onTouchScroll"
|
|
|
- >
|
|
|
- <view class="{{ utils.bem('tabs__wrap', { scrollable }) }} {{ type === 'line' && border ? 'van-hairline--top-bottom' : '' }}">
|
|
|
- <slot name="nav-left" />
|
|
|
+ <van-sticky disabled="{{ !sticky }}" z-index="{{ zIndex }}" offset-top="{{ offsetTop }}" container="{{ container }}" bind:scroll="onTouchScroll">
|
|
|
+ <view class="{{ utils.bem('tabs__wrap', { scrollable }) }} {{ type === 'line' && border ? 'van-hairline--top-bottom' : '' }}">
|
|
|
+ <slot name="nav-left" />
|
|
|
|
|
|
- <scroll-view
|
|
|
- scroll-x="{{ scrollable }}"
|
|
|
- scroll-with-animation="{{ scrollWithAnimation }}"
|
|
|
- scroll-left="{{ scrollLeft }}"
|
|
|
- class="{{ utils.bem('tabs__scroll', [type]) }}"
|
|
|
- style="{{ color ? 'border-color: ' + color : '' }}"
|
|
|
- >
|
|
|
- <view class="{{ utils.bem('tabs__nav', [type, { complete: !ellipsis }]) }} nav-class" style="{{ computed.navStyle(color, type) }}">
|
|
|
- <view wx:if="{{ type === 'line' }}" class="van-tabs__line" style="{{ computed.lineStyle({ color, lineOffsetLeft, lineHeight, skipTransition, duration, lineWidth }) }}" />
|
|
|
- <view
|
|
|
- wx:for="{{ tabs }}"
|
|
|
- wx:key="index"
|
|
|
- data-index="{{ index }}"
|
|
|
- class="{{ computed.tabClass(index === currentIndex, ellipsis) }} {{ utils.bem('tab', { active: index === currentIndex, disabled: item.disabled, complete: !ellipsis }) }}"
|
|
|
- style="{{ computed.tabStyle({ active: index === currentIndex, ellipsis, color, type, disabled: item.disabled, titleActiveColor, titleInactiveColor, swipeThreshold, scrollable }) }}"
|
|
|
- bind:tap="onTap"
|
|
|
- >
|
|
|
- <view class="{{ ellipsis ? 'van-ellipsis' : '' }}" style="{{ item.titleStyle }}">
|
|
|
- {{ item.title }}
|
|
|
- <van-info
|
|
|
- wx:if="{{ item.info !== null || item.dot }}"
|
|
|
- info="{{ item.info }}"
|
|
|
- dot="{{ item.dot }}"
|
|
|
- custom-class="van-tab__title__info"
|
|
|
- />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </scroll-view>
|
|
|
+ <scroll-view scroll-x="{{ scrollable }}" scroll-with-animation="{{ scrollWithAnimation }}" scroll-left="{{ scrollLeft }}" class="{{ utils.bem('tabs__scroll', [type]) }}" style="{{ color ? 'border-color: ' + color : '' }}">
|
|
|
+ <view class="{{ utils.bem('tabs__nav', [type, { complete: !ellipsis }]) }} nav-class" style="{{ computed.navStyle(color, type) }}">
|
|
|
+ <view wx:if="{{ type === 'line' }}" class="van-tabs__line" style="{{ computed.lineStyle({ color, lineOffsetLeft, lineHeight, skipTransition, duration, lineWidth }) }}" />
|
|
|
+ <view wx:for="{{ tabs }}" wx:key="index" data-index="{{ index }}" class="{{ computed.tabClass(index === currentIndex, ellipsis) }} {{ utils.bem('tab', { active: index === currentIndex, disabled: item.disabled, complete: !ellipsis }) }}" style="{{ computed.tabStyle({ active: index === currentIndex, ellipsis, color, type, disabled: item.disabled, titleActiveColor, titleInactiveColor, swipeThreshold, scrollable }) }}" bind:tap="onTap">
|
|
|
+ <view class="{{ ellipsis ? 'van-ellipsis' : '' }}" style="{{ item.titleStyle }}">
|
|
|
+ {{ item.title }}
|
|
|
+ <van-info wx:if="{{ item.info !== null || item.dot }}" info="{{ item.info }}" dot="{{ item.dot }}" custom-class="van-tab__title__info" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
|
|
|
- <slot name="nav-right" />
|
|
|
- </view>
|
|
|
- </van-sticky>
|
|
|
+ <slot name="nav-right" />
|
|
|
+ </view>
|
|
|
+ </van-sticky>
|
|
|
|
|
|
- <view
|
|
|
- class="van-tabs__content"
|
|
|
- bind:touchstart="onTouchStart"
|
|
|
- bind:touchmove="onTouchMove"
|
|
|
- bind:touchend="onTouchEnd"
|
|
|
- bind:touchcancel="onTouchEnd"
|
|
|
- >
|
|
|
- <view
|
|
|
- class="{{ utils.bem('tabs__track', [{ animated }]) }} van-tabs__track"
|
|
|
- style="{{ computed.trackStyle({ duration, currentIndex, animated }) }}"
|
|
|
- >
|
|
|
- <slot />
|
|
|
+ <view class="van-tabs__content" bind:touchstart="onTouchStart" bind:touchmove="onTouchMove" bind:touchend="onTouchEnd" bind:touchcancel="onTouchEnd">
|
|
|
+ <view class="{{ utils.bem('tabs__track', [{ animated }]) }} van-tabs__track" style="{{ computed.trackStyle({ duration, currentIndex, animated }) }}">
|
|
|
+ <slot />
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
-</view>
|
|
|
+</view>
|