<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链接列表
})
}
})
二、问题及解决
真机调试卡顿问题:图片不能太大,图片不能用本地路径,最好用网络地址