<view class='imgList'>
<view class='imgList-li' wx:for='{{imgArr}}'>
<image class='img' data-src='{{item}}' src='{{item}}' bindtap='previewImg'></image>
</view>
</view>
Page({
/**
* 頁面的初始數據
*/
data: {
imgArr:[
'http://bpic.jpg',
'http://bpic.jpg',
'http://bpic.jpg',
'http://bpic.jpg'
]
},
previewImg:function(e){
var src = e.currentTarget.dataset.src;//獲取data-src
var imgArr = this.data.imgArr
wx.previewImage({
current:src , // 當前顯示圖片的http鏈接
urls: imgArr // 需要預覽的圖片http鏈接列表
})
}
})
二、問題及解決
真機調試卡頓問題：圖片不能太大，圖片不能用本地路徑，最好用網絡地址