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