You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
1010 B
Plaintext
32 lines
1010 B
Plaintext
9 months ago
|
<template name="zan-tab">
|
||
|
|
<view class="zan-tab">
|
||
|
|
<block wx:if="{{tab.scroll}}">
|
||
|
|
<scroll-view
|
||
|
|
class="zan-tab__bd zan-tab__bd--scroll {{ fixed ? 'zan-tab__bd--fixed' : '' }}"
|
||
|
|
scroll-x="true"
|
||
|
|
style="height: {{ tab.height ? tab.height + 'px' : 'auto' }}"
|
||
|
|
>
|
||
|
|
<template is="zan-tab-list" data="{{ tab, componentId }}"></template>
|
||
|
|
</scroll-view>
|
||
|
|
</block>
|
||
|
|
<block wx:else>
|
||
|
|
<view class="zan-tab__bd {{fixed ? 'zan-tab__bd--fixed' : ''}}">
|
||
|
|
<template is="zan-tab-list" data="{{ tab, componentId }}"></template>
|
||
|
|
</view>
|
||
|
|
</block>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<template name="zan-tab-list">
|
||
|
|
<view
|
||
|
|
wx:for="{{tab.list}}"
|
||
|
|
wx:key="id"
|
||
|
|
class="zan-tab__item {{tab.selectedId == item.id ? 'zan-tab__item--selected' : ''}}"
|
||
|
|
data-component-id="{{componentId}}"
|
||
|
|
data-item-id="{{item.id}}"
|
||
|
|
bindtap="_handleZanTabChange"
|
||
|
|
>
|
||
|
|
<view class="zan-tab__title">{{item.title}}</view>
|
||
|
|
</view>
|
||
|
|
</template>
|