台州温岭做网站请找我们 (专业建站 | 诚信服务) 13958630945 在线客服 联系技术

佳源设计|台州网站建设|佳源网页设计

网站当前位置: 首页>>微信小程序>>微信小程序图片点击放大功能
 微信小程序 > 微信小程序图片点击放大功能

微信小程序图片点击放大功能

207次浏览
2019-07-02
//微信小程序单张图片点击放大功能
<image src="/image/19334842.jpg" data-list="https://images201wq27.cnblogs.com/blog/1119773/201711/1119773-20171102120329482-1293104221.png" data-src="/image/19334842.jpg" class="catinfo-thumb" mode="aspectFill" bindtap="imgClick"></image>
图片点击放大JS部分代码//图片点击事件
imgClick: function (event) {
var src = event.currentTarget.dataset.src;//获取data-src
//图片预览
var imgArr = [];
imgArr[0] = event.currentTarget.dataset.list;
wx.previewImage({
current: src, // 当前显示图片的http链接
urls: imgArr // 需要预览的图片http链接列表
})
}

页面所在本站地址: http://www.52-life.net/N_wx.previewImage.htm
上一篇 >>No News
下一篇 >>小程序( rpx、px、rem )