小編給大家分享一下小程序中怎樣實現(xiàn)點擊圖片放大功能，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)是專業(yè)的安徽網(wǎng)站建設(shè)公司，安徽接單;提供網(wǎng)站制作、網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行安徽網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

WXML：

WXSS：

.imgList{
 width: 100%;
}
.imgList .imgList-li{
 width: 100%;
}
.imgList .imgList-li .img{
 width: 400rpx;
 height: 400rpx;
}

JS：

Page({
 data: {
  imgArr:[
   '/upload/otherpic65/7598.jpg',
   '/upload/otherpic65/7599.jpg',
   '/upload/otherpic65/7600.jpg',
   '/upload/otherpic65/7601.jpg'
  ]
 },
 previewImg:function(e){
  console.log(e.currentTarget.dataset.src);
  let that = this;
  wx.previewImage({
   current:e.currentTarget.dataset.src,   //當前圖片地址
   urls: that.data.imgArr,        //所有要預(yù)覽的圖片的地址集合 數(shù)組形式
  })
 }
})

看完了這篇文章，相信你對“小程序中怎樣實現(xiàn)點擊圖片放大功能”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！