12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- <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>
|