53 lines
1.8 KiB
XML
53 lines
1.8 KiB
XML
<view class="am-vtabs {{className}}">
|
|
<view
|
|
class="am-vtabs-bar"
|
|
style="{{ backgroundColor: tabBarInactiveBgColor }}"
|
|
>
|
|
<scroll-view
|
|
class="am-vtabs-bar-content"
|
|
scroll-top="{{tabTop}}"
|
|
scroll-y="{{true}}">
|
|
<block a:for="{{tabs}}">
|
|
<view
|
|
data-index="{{index}}"
|
|
data-anchor="{{item.anchor}}"
|
|
onTap="handleTabClick"
|
|
class="am-vtabs-bar-tab"
|
|
style="{{
|
|
color: activeTab == index ? tabBarActiveTextColor : tabBarInactiveTextColor,
|
|
borderLeftColor: activeTab == index ? tabBarlineColor : tabBarInactiveBgColor,
|
|
borderRightColor: activeTab == index ? tabBarActiveBgColor : tabBarInactiveBgColor,
|
|
backgroundColor: activeTab == index ? tabBarActiveBgColor : tabBarInactiveBgColor
|
|
}}"
|
|
>
|
|
<view class="am-vtabs-bar-title">
|
|
<text>{{item.title}}</text>
|
|
<badge
|
|
className="am-vtabs-bar-badge {{item.badgeType ? item.badgeType : ''}}"
|
|
a:if="{{item.badgeType}}"
|
|
dot="{{item.badgeType == 'dot'}}"
|
|
text="{{item.badgeText}}" />
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</scroll-view>
|
|
</view>
|
|
<view class="am-vtabs-content-wrap" onTouchMove="onWrapTouchMove">
|
|
<block a:if="{{swipeable}}">
|
|
<scroll-view
|
|
trap-scroll="{{true}}"
|
|
class="am-vtabs-slides am-vtabs-slides-{{$id}}"
|
|
scroll-with-animation="{{animated}}"
|
|
scroll-y="{{true}}"
|
|
scroll-top="{{wrapScrollTop}}"
|
|
onScroll="onScroll">
|
|
<slot></slot>
|
|
</scroll-view>
|
|
</block>
|
|
<block a:else>
|
|
<view class="am-vtabs-slides am-vtabs-slides-{{$id}} {{animated ? 'animate' : ''}}" style="{{ transform: 'translate3d(0, ' +(-wrapScrollTop) + 'px, 0)' }}">
|
|
<slot></slot>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view> |