小程序图片点击放大

方法:wx.previewImage
官方文档https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.previewImage.html

<image class="evaluate_image" 
          bindtap="clickImg" 
          data-imgs="{{item.imgUrlList}}"
          data-type = 'bus'
          data-current="{{item1}}"
          wx:for="{{item.imgUrlList}}" 
          wx:for-item="item1" wx:key="index" src="{{item1}}" alt="" >
 </image>
clickImg(event){
    let imgUrl = event.currentTarget.dataset.imgs;
    let current = event.currentTarget.dataset.current;
    
    wx.previewImage({
      urls: imgUrl , //需要预览的图片http链接列表,注意是数组
      current: current // 当前显示图片的http链接,默认是第一个
    })
  },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容