微信小程序 图片查看

2021/9/3 11:35:50

本文主要是介绍微信小程序 图片查看,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

近期很多刚学习小程序的同学,想做哪种图片点击放大,然后可以左右滑动预览的效果。我也特意去研究下,发现直接用微信程序自己的api就可以很方便的实现。今天就来教大家如何实现小程序图片点击放大的效果。     话不多说,直接上代码 JS      var image = res.target.dataset.image       var id = res.target.dataset.id       wx.previewImage({   //照片集       urls: this.data.data[id].image,   单张       current: image     })   WXML     <block wx:for="{{ data }}" wx:key="data" wx:for-index="ids">       <view>{{ item.title }}</view>     二层循环规则       <view wx:for="{{ item.image }}" wx:for-item="items" wx:key="image">         <image src="{{ items }}" bindtap="images" data-image="{{items}}" data-id="{{ids}}"></image>       </view>       <view wx:for="{{ item.video }}" wx:for-item="items" wx:key="image">         <video src="{{ items }}" data-image="{{items}}" data-id="{{ids}}"></video>       </view>     </block>

这篇关于微信小程序 图片查看的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程