位置: 编程技术 - 正文
推荐整理分享微信小程序实现图片放大预览功能(微信小程序实现微信支付),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:微信小程序实现文件上传,微信小程序实现留言功能,微信小程序实现人脸识别,微信小程序实现文件上传,微信小程序实现留言功能,微信小程序实现烟花,微信小程序实现留言功能,微信小程序实现留言功能,内容如对您有帮助,希望把文章链接给更多的朋友!
需求:当点击图片时,当前图片放大预览,且可以左右滑动
实现方式:使用微信小程序图片预览接口
我们可以看到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 转载请保留说明!友情链接: 武汉网站建设