app-swiper.wxml 2.9 KB

1
  1. <view class="u-swiper-wrap data-v-eca82c3c" style="{{'border-radius:'+(borderRadius+'rpx')+';'}}"><swiper style="{{'height:'+(height+'rpx')+';'}}" interval="{{interval}}" circular="{{circular}}" duration="{{duration}}" autoplay="{{autoplay}}" previous-margin="{{effect3d?effect3dPreviousMargin+'rpx':'0'}}" next-margin="{{effect3d?effect3dPreviousMargin+'rpx':'0'}}" data-event-opts="{{[['change',[['change',['$event']]]],['animationfinish',[['animationfinish',['$event']]]]]}}" bindchange="__e" bindanimationfinish="__e" class="data-v-eca82c3c"><block wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item class="u-swiper-item data-v-eca82c3c"><view data-event-opts="{{[['tap',[['listClick',[index]]]]]}}" class="{{['u-list-image-wrap data-v-eca82c3c',current!=index?'u-list-scale':'']}}" style="{{'border-radius:'+(borderRadius+'rpx')+';'+('transform:'+(effect3d&&current!=index?'scaleY(0.7)':'scaleY(1)')+';')+('margin:'+(effect3d&&current!=index?'0 0':0)+';')}}" catchtap="__e"><app-jump-button vue-id="{{'2bc32c28-1-'+index}}" open_type="{{item.open_type}}" url="{{item.url?item.url:item.page_url}}" params="{{item.params}}" class="data-v-eca82c3c" bind:__l="__l" vue-slots="{{['default']}}"><image class="u-swiper-image data-v-eca82c3c" src="{{item[name]}}" mode="{{imgMode}}"></image><block wx:if="{{title}}"><view class="u-swiper-title u-line-1 data-v-eca82c3c" style="{{'padding-bottom:'+(titlePaddingBottom)+';'}}">{{''+item.title+''}}</view></block></app-jump-button></view></swiper-item></block></swiper><view class="u-swiper-indicator data-v-eca82c3c" style="{{'top:'+(indicatorPos=='topLeft'||indicatorPos=='topCenter'||indicatorPos=='topRight'?'12rpx':'auto')+';'+('bottom:'+(indicatorPos=='bottomLeft'||indicatorPos=='bottomCenter'||indicatorPos=='bottomRight'?'12rpx':'auto')+';')+('justify-content:'+(justifyContent)+';')+('padding:'+('0 '+(effect3d?'74rpx':'24rpx'))+';')}}"><block wx:if="{{mode=='rect'}}"><block class="data-v-eca82c3c"><block wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['u-indicator-item-rect data-v-eca82c3c',(index==current)?'u-indicator-item-rect-active':'']}}"></view></block></block></block><block wx:if="{{mode=='dot'}}"><block class="data-v-eca82c3c"><block wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['u-indicator-item-dot data-v-eca82c3c',(index==current)?'u-indicator-item-dot-active':'']}}"></view></block></block></block><block wx:if="{{mode=='round'}}"><block class="data-v-eca82c3c"><block wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['u-indicator-item-round data-v-eca82c3c',(index==current)?'u-indicator-item-round-active':'']}}"></view></block></block></block><block wx:if="{{mode=='number'}}"><block class="data-v-eca82c3c"><view class="u-indicator-item-number data-v-eca82c3c">{{current+1+"/"+list.length}}</view></block></block></view></view>