微信小程序 实现图片轮播

微信小程序可以直接利用 swiper 实现无缝衔接的图片轮播
官方文档中的swiper，链接：https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html
以下是代码：

<!-- wxml -->
<view>
  <swiper indicator-dots='{{indicatorDots}}' autoplay='{{autoplay}}' interval='{{interval}}' duration='{{duration}}' circular="{{circular}}">
    <block wx:for="{{imgUrls}}">
      <swiper-item>
        <view class='image' bindtap='imgDetial'>
          <image src='{{item}}' class='slide-image'></image>
        </view>
      </swiper-item >
    </block>
  </swiper>
</view>
<!-- wxml -->

//js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    indicatorDots:true,	//面板指示圆点
    autoplay:true,		//自动播放
    interval:5000,		//每次轮播间隔
    duration:1000,		//轮播动画时长
    circular:true,		//无缝衔接
    imgUrls: ["../images/list1.png", "../images/list2.png", "../images/list3.png"]	//图片存放位置
  }
})

/* wxss */
.image{
  display: flex;
  justify-content: center;
}
.slide-image {
  width: 90%;
}