实现微信图片放大的效果
作者:
Wo信你个鬼 | 来源:发表于
2019-05-01 11:38 被阅读0次
wxml
<image src="图片的" data-src="1" bindtap="previewImage"></image>
wxss
data: {
imgUrls: [
"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1556688487436&di=cf0f7808ef0e359d165b6ff5921d4882&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201705%2F06%2F20170506110009_nm4rS.jpeg"
],
},
//预览图片
previewImage(e) {
console.log(e)
const src = e.currentTarget.dataset.src;
wx.previewImage({
src: src,//当前显示图片的http链接
urls: this.data.imgUrls//需要预览的图片http链接列表
})
},
本文标题:实现微信图片放大的效果
本文链接:https://www.haomeiwen.com/subject/utvinqtx.html
网友评论