微信小程序點擊圖片全屏展示,並可以翻下一張圖


<view>

  <image src='{{v.content}}' mode='aspectFit' bindtap="enlarge" data-list="{{pictures}}" data-src="{{v.content}}"></image>
</view> 
Page({
  data:{ },
 
  //圖片點擊事件
  enlarge: function (event) {
    var src = event.currentTarget.dataset.src;//獲取data-src
    var imgList = event.currentTarget.dataset.list;//獲取data-list
    //圖片預覽
    wx.previewImage({
      current: src, // 當前顯示圖片的http鏈接
      urls: imgList // 需要預覽的圖片http鏈接列表
    })
  },
 
 
})


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM