Files
quinn-wx/components/tab/index.wxml
2022-11-16 16:49:45 +08:00

20 lines
792 B
Plaintext

<scroll-view class="scroll-view"
style="height: {{size}}rpx;"
scroll-x="{{scrolling}}"
scroll-with-animation="{{scrolling}}"
scroll-left="{{scrollLeft}}">
<view class="tabs-wrap">
<view class="tabs {{scroll ? 'tabs--scroll' : ''}}" style="height: {{size}}rpx">
<view class="tabs__item {{index === tabCur ? 'tabs__item--cur': ''}}"
style="height: {{size}}rpx;line-height: {{size}}rpx"
wx:for="{{tabData}}"
wx:key="*this"
bindtap="toggleTab"
data-index="{{index}}">
<view class="tabs__item-child">{{item}}</view>
</view>
<view class="tabs__line {{needTransition ? 'transition' : ''}}" style="background: {{color}};width: {{lineWidth}}px;transform: translateX({{translateX}}px)"></view>
</view>
</view>
</scroll-view>