首页 > 微信应用  > 

微信小程序如何实现图片放大预览功能

微信小程序如何实现图片放大预览功能
微信小程序越来越流行,程序员也在不断接触微信小程序的开发,本篇文章我们就教大家一种微信小程序:当点击图片时,当前图片放大预览,且可以左右滑动的功能。

微信小程序越来越流行,程序员也在不断接触微信小程序的开发,本篇文章我们就教大家一种微信小程序:当点击图片时,当前图片放大预览,且可以左右滑动的功能。

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

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

wxml代码:

<!--图片描述--><view wx:if="{{item.pictures}}" class="list-dImg"><image bindtap="imgYu" data-list="{{item.pictures}}" data-src="{{dImg}}" wx:for="{{item.pictures}}" wx:for-item="dImg" src="{{dImg}}"></image></view>

微信小程序如何实现图片放大预览功能由讯客互联微信应用栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“微信小程序如何实现图片放大预览功能