imgswiper.wxml 1.3 KB

1234567891011121314
  1. <view class='banner' style="background:{{style.backgroundColor}};width:{{style.width}}%;height:{{style.height * 2}}rpx;margin:{{style.margin.top* 2 }}rpx {{style.margin.right* 2 }}rpx {{style.margin.bottom* 2 }}rpx {{style.margin.left* 2 }}rpx;padding:{{style.padding.top* 2 }}rpx {{style.padding.right* 2 }}rpx {{style.padding.bottom* 2 }}rpx {{style.padding.left* 2 }}rpx;">
  2. <swiper class="swiper" indicator-dots="{{false}}" autoplay="{{true}}" interval="{{5000}}" duration="{{500}}" circular="{{true}}">
  3. <block wx:for="{{list}}" wx:for-item="banner" wx:key="index">
  4. <swiper-item bind:tap="goNovaURL" data-item="{{banner}}">
  5. <block wx:if="{{!banner.type||banner.type=='link'||banner.type=='image'}}">
  6. <image class="swiper-image" src="{{banner.image}}" style="width:{{style.imageWidth * 2}}rpx;height:{{style.imageHeight * 2}}rpx;border-radius:{{style.borderRadius * 2}}rpx;" />
  7. </block>
  8. <block wx:if="{{banner.type== 'video'}}">
  9. <video id="video" controls="{{true}}" poster="{{banner.image}}" style="width:100%;" src="{{banner.url}}" style="width:{{style.imageWidth * 2}}rpx;height:{{style.imageHeight * 2}}rpx;border-radius:{{style.borderRadius * 2}}rpx;" />
  10. </block>
  11. </swiper-item>
  12. </block>
  13. </swiper>
  14. </view>