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.
50 lines
1.7 KiB
50 lines
1.7 KiB
<template name="grid">
|
|
<block wx:if="{{gridThemeItems.length === 1}}">
|
|
<t-grid align="center" t-class="{{classPrefix}}__grid" column="{{count / 2}}" class="{{classPrefix}}__single-wrap">
|
|
<t-grid-item
|
|
t-class="{{classPrefix}}__grid-item"
|
|
class="{{classPrefix}}__square"
|
|
wx:for="{{gridThemeItems[0]}}"
|
|
wx:key="index"
|
|
bind:tap="onSelect"
|
|
data-index="{{index}}"
|
|
icon="{{item.icon}}"
|
|
text="{{item.label}}"
|
|
image="{{item.image}}"
|
|
>
|
|
</t-grid-item>
|
|
</t-grid>
|
|
</block>
|
|
<block wx:elif="{{gridThemeItems.length > 1}}">
|
|
<view class="{{classPrefix}}__swiper-wrap">
|
|
<swiper style="height: 456rpx" autoplay="{{false}}" current="{{currentSwiperIndex}}" bindchange="onSwiperChange">
|
|
<swiper-item wx:for="{{gridThemeItems}}" wx:key="index">
|
|
<t-grid align="center" t-class="{{classPrefix}}__grid {{classPrefix}}__grid--swiper" column="{{count / 2}}">
|
|
<t-grid-item
|
|
t-class="{{classPrefix}}__grid-item"
|
|
class="{{classPrefix}}__square"
|
|
wx:for="{{item}}"
|
|
wx:key="index"
|
|
data-index="{{index}}"
|
|
bind:tap="onSelect"
|
|
icon="{{item.icon}}"
|
|
text="{{item.label}}"
|
|
image="{{item.image}}"
|
|
>
|
|
</t-grid-item>
|
|
</t-grid>
|
|
</swiper-item>
|
|
</swiper>
|
|
<view class="{{classPrefix}}__nav">
|
|
<view class="{{classPrefix}}__dots">
|
|
<view
|
|
wx:for="{{gridThemeItems.length}}"
|
|
wx:key="index"
|
|
class="{{classPrefix}}__dots-item {{index === currentSwiperIndex ? prefix + '-is-active' : ''}}"
|
|
/>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</template>
|