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.
20 lines
1.1 KiB
20 lines
1.1 KiB
<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 === tabIndex ? 'tabs__item--cur': ''}}" style="height: {{size}}rpx;line-height: {{size}}rpx;padding: 0 {{lineType==1?4:12}}rpx;" wx:for="{{tabData}}" wx:key="*this" bindtap="toggleTab" data-index="{{index}}">
|
|
<view class="tabs__item-child {{lineType == 1?'tabs-type': ''}} {{typeActive(lineType, tabIndex, index)}}">{{item}}</view>
|
|
</view>
|
|
<view class="tabs__line {{needTransition ? 'transition' : ''}}" style="background: {{color}};width: {{lineWidth}}px;transform: translateX({{translateX}}px);height: {{lineHeight}}px" wx:if="{{lineType == 0}}"></view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<wxs module="typeActive">
|
|
function typeActive(lineType, tabIndex, index) {
|
|
if (lineType == 0) {
|
|
return ''
|
|
}
|
|
return tabIndex == index ? 'type--cur' : ''
|
|
}
|
|
module.exports = typeActive
|
|
</wxs>
|