50 lines
1.6 KiB
Plaintext
50 lines
1.6 KiB
Plaintext
<wxs src="./index.wxs" module="this" />
|
|
<wxs src="../common/utils.wxs" module="_" />
|
|
|
|
<import src="../common/template/image.wxml" />
|
|
|
|
<view class="{{prefix}}-class {{classPrefix}}" style="{{customStyle}}">
|
|
<swiper
|
|
class="{{classPrefix}}-host"
|
|
autoplay="{{autoplay}}"
|
|
current="{{current}}"
|
|
interval="{{interval}}"
|
|
duration="{{duration}}"
|
|
circular="{{loop}}"
|
|
vertical="{{direction == 'vertical'}}"
|
|
easing-function="{{easingFunction}}"
|
|
previous-margin="{{previousMargin}}"
|
|
next-margin="{{nextMargin}}"
|
|
snap-to-edge="{{snapToEdge}}"
|
|
display-multiple-items="{{displayMultipleItems}}"
|
|
style="height: {{_.addUnit(height)}}"
|
|
bindchange="onChange"
|
|
>
|
|
<swiper-item
|
|
wx:for="{{list}}"
|
|
wx:key="index"
|
|
class="{{_.cls(classPrefix + '__item', [['preview', this.isPrev(current, index, list)], ['next', this.isNext(current, index, list)]])}}"
|
|
data-index="{{index}}"
|
|
bind:tap="onTap"
|
|
>
|
|
<template
|
|
is="image"
|
|
data="{{ class: classPrefix + '__image-host', tClass: this.getImageClass(prefix, current, index, list), customStyle: 'height: ' + _.addUnit(height), src: item, ...imageProps }}"
|
|
/>
|
|
</swiper-item>
|
|
</swiper>
|
|
<t-swiper-nav
|
|
wx:if="{{navigation}}"
|
|
t-class="{{prefix}}-class-nav"
|
|
type="{{navigation.type || 'dots'}}"
|
|
current="{{current}}"
|
|
total="{{list.length}}"
|
|
direction="{{direction}}"
|
|
pagination-position="{{paginationPosition}}"
|
|
min-show-num="{{navigation.minShowNum || 2}}"
|
|
show-controls="{{navigation.showControls || false}}"
|
|
bind:navBtnChange="onNavBtnChange"
|
|
/>
|
|
<slot name="nav" />
|
|
</view>
|