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.
38 lines
1.2 KiB
38 lines
1.2 KiB
2 years ago
|
<template name="zan-tab">
|
||
|
|
<view class="zan-tab">
|
||
|
|
<block wx:if="{{ tab.scroll || scroll }}">
|
||
|
|
<scroll-view
|
||
|
|
class="zan-tab__bd zan-tab__bd--scroll {{ fixed ? 'zan-tab__bd--fixed' : '' }}"
|
||
|
|
scroll-x="true"
|
||
|
|
style="height: {{ tab.height || height ? ((tab.height || height) + 'px') : 'auto' }}"
|
||
|
|
>
|
||
|
|
<template
|
||
|
|
is="zan-tab-list"
|
||
|
|
data="{{ list: tab.list || list, selectedId: tab.selectedId || selectedId, componentId }}">
|
||
|
|
</template>
|
||
|
|
</scroll-view>
|
||
|
|
</block>
|
||
|
|
<block wx:else>
|
||
|
|
<view class="zan-tab__bd {{ fixed ? 'zan-tab__bd--fixed' : '' }}">
|
||
|
|
<template
|
||
|
|
is="zan-tab-list"
|
||
|
|
data="{{ list: tab.list || list, selectedId: tab.selectedId || selectedId, componentId }}">
|
||
|
|
</template>
|
||
|
|
</view>
|
||
|
|
</block>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<template name="zan-tab-list">
|
||
|
|
<view
|
||
|
|
wx:for="{{ list }}"
|
||
|
|
wx:key="id"
|
||
|
|
class="zan-tab__item {{ 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>
|