微信小程序实现图片放大预览功能(微信小程序实现微信支付)

编辑：rootadmin

推荐整理分享微信小程序实现图片放大预览功能(微信小程序实现微信支付)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:微信小程序实现文件上传,微信小程序实现留言功能,微信小程序实现人脸识别,微信小程序实现文件上传,微信小程序实现留言功能,微信小程序实现烟花,微信小程序实现留言功能,微信小程序实现留言功能,内容如对您有帮助，希望把文章链接给更多的朋友！

需求：当点击图片时，当前图片放大预览，且可以左右滑动

实现方式：使用微信小程序图片预览接口

我们可以看到api需要两个参数，分别通过下面的data-list和data-src来传到js中

wxml代码：

js代码：

1.给图片添加一个点击事件(imgYu)

2.使用event.currentTarget.dataset.自定义属性名称来获取data-的值如event.currentTarget.dataset.src (获取data-src的值)

3.之后将获取的两个值放到wx.previewImage接口里面即可

效果图片如下：可以左右滑动上一张下一张

更多内容可以查看：微信小程序教程

本文链接地址:https://www.jiuchutong.com/biancheng/369713.html 转载请保留说明！