溫馨提示×

小程序頁面圖片怎么點擊放大

小新
205
2021-03-19 17:39:38
欄目: 云計算

小程序頁面圖片怎么點擊放大

小程序頁面圖片點擊放大的案例：

1.在wxml文件里添加點擊事件，代碼：

<image class='img' src='{{imgUrl}}' bindtap='clickImg'></image>

2.根據(jù)wxml里的clickImg事件，創(chuàng)建一個點擊事件，代碼：

data: {
  imgUrl:'/images/img.jpg'  //圖片路徑
},
//點擊事件  
clickImg: function(e){
  var imgUrl = this.data.imgUrl;
  wx.previewImage({
    urls: [imgUrl], //需要預(yù)覽的圖片http鏈接列表，注意是數(shù)組
    current: '', // 當前顯示圖片的http鏈接，默認是第一個
    success: function (res) { },
    fail: function (res) { },
    complete: function (res) { },
  })
},


0 踩