小程序轮播图

<!-- 轮播图 -->
<swiper class="banner" indicator-dots="true" autoplay="true" interval="3000" duration="1000">
  <view>
    <block wx:for="{{banner}}" wx:key="{{item.id}}">
      <swiper-item>
        <image 
          bindtap="on_product_click" 
          data-product_id="{{item.Product.id}}" 
          src="{{imgUrl}}{{item.image}}"
          class="slide-image" width="355" height="150" 
        />
      </swiper-item>
    </block>
  </view>
</swiper>

/* 轮播 */
.banner {
  position: relative;
  width: 100%;
  height: 450rpx;
}
.banner image {
  width: 100%;
}

 

wxml

wxss