微信小程序 图片预览、放大效果

废话不说，先上代码：

<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
  <block wx:for="{{imgUrls}}">
    <swiper-item>
        <image src="{{item}}" data-src="{{item}}" bindtap="previewImage" ></image>
    </swiper-item>
  </block>
</swiper>

swiper属性参数就不多说了，上篇已经写过了。

 previewImage: function (e) {
    var current = e.target.dataset.src;
    wx.previewImage({ 
      current: current, // 当前显示图片的http链接  
      urls: this.data.imgUrls // 需要预览的图片http链接列表  
    })
  }