tm-swiper.wxml 3.4 KB

1
  1. <view class="{{['tm-swiper','','data-v-78b98127',inline?'d-inline-block':'']}}"><swiper style="{{'width:'+(w_s+'rpx')+';'+('height:'+(h_s+'rpx')+';')}}" disable-touch="{{notouch}}" previous-margin="{{ani3d+'rpx'}}" next-margin="{{ani3d+'rpx'}}" vertical="{{vertical}}" autoplay="{{autoplay&&!isPlayVedio}}" circular="{{circular}}" interval="{{interval}}" duration="{{duration}}" indicator-active-color="{{color_tmeme}}" current="{{nowIndex}}" data-event-opts="{{[['change',[['change',['$event']]]]]}}" bindchange="__e" class="data-v-78b98127"><block wx:for="{{dataList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-78b98127"><swiper-item class="{{['shadow-24','data-v-78b98127',round_num>0?' round-'+round_num+' overflow':'']}}" style="{{'width:'+(w_s+'rpx')+';'+('height:'+(h_s+'rpx')+';')}}"><view class="{{['tm-swiper-ik','fulled','fulled-height','data-v-78b98127',nowIndex!==index&&ani3d>0?'a3d':'',round_num>0?' round-'+round_num+' overflow':'',nowIndex<index&&ani3d>0?'a3dL':'',nowIndex>index&&ani3d>0?'a3dR':'']}}"><view class="actvieMarginDh data-v-78b98127"><view class="{{['actvieMarginDh-item','data-v-78b98127',round_num>0?' round-'+round_num+' overflow':'']}}"><block wx:if="{{item.dtype!='video'}}"><image class="{{['data-v-78b98127',round_num>0?' round-'+round_num+' overflow':'']}}" style="{{'height:'+(h_s+'rpx')+';'+('width:'+(w_s-margin_px+'rpx')+';')}}" src="{{item.url}}" data-event-opts="{{[['tap',[['itemClick',['$0'],[[['dataList','',index]]]]]],['load',[['imgload',['$event',index]]]]]}}" bindtap="__e" bindload="__e"></image></block><block wx:if="{{item.dtype=='video'}}"><video style="{{'height:'+(h_s+'rpx')+';'+('width:'+(w_s-margin_px+'rpx')+';')}}" autoplay="{{nowIndex==index?true:false}}" src="{{item.url}}" data-event-opts="{{[['play',[['e0',['$event']]]],['pause',[['e1',['$event']]]],['ended',[['e2',['$event']]]]]}}" bindplay="__e" bindpause="__e" bindended="__e" class="data-v-78b98127"></video></block><block wx:if="{{item.title}}"><view class="flex-start relative data-v-78b98127" style="{{'width:'+(w_s-margin_px+'rpx')+';'}}"><view class="text-size-s px-16 absolute b-0 l-0 zIndex-14 flex-start text-overflow text-white data-v-78b98127" style="{{'height:'+('66rpx')+';'+('width:'+(w_s-margin_px-32+'rpx')+';')+('line-height:'+('66rpx')+';')+('background:'+('rgba(0,0,0,0.4)')+';')}}">{{''+item.title+''}}</view></view></block></view></view></view></swiper-item></block></block></swiper><block wx:if="{{indicatorDots&&nowshowDot}}"><view class="{{['tm-swiper-dot','data-v-78b98127',dotDirection]}}"><block wx:if="{{dotModel!='round'}}"><block class="data-v-78b98127"><block wx:for="{{dataList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['e3',['$event']]]]]}}" data-event-params="{{({index})}}" class="{{['tm-swiper-dot-item','','flex-center','','mx-8','data-v-78b98127',nowIndex==index?color_tmeme:'unactive',dotModel]}}" bindtap="__e"><block wx:if="{{dotModel==='number'}}"><text class="text-size-xs data-v-78b98127">{{index+1}}</text></block></view></block></block></block><block wx:if="{{dotModel=='round'}}"><block class="data-v-78b98127"><view class="{{['text-size-xs','balck','text-white','','round-24','px-24','tm-swiper-dot-item','','flex-center','flex-shrink','data-v-78b98127',dotModel]}}" style="{{'height:'+('40rpx')+';'+('min-width:'+('60rpx')+';')}}">{{''+(nowIndex+1+'/'+dataList.length)+''}}</view></block></block></view></block></view>