微信小程式越來越流行，程式設計師也不斷接觸微信小程式的開發，這篇文章我們就教大家一種微信小程式：當點擊圖片時，當前圖片放大預覽，且可以左右滑動的功能。
實作方式：使用微信小程式圖片預覽介面
#我們可以看到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>js程式碼：
//图片点击事件
imgYu:function(event){
var src = event.currentTarget.dataset.src;//获取data-src
var imgList = event.currentTarget.dataset.list;//获取data-list
//图片预览
wx.previewImage({
current: src, // 当前显示图片的http链接
urls: imgList // 需要预览的图片http链接列表
})
}以上是微信小程式如何實現圖片放大預覽功能的詳細內容。更多資訊請關注PHP中文網其他相關文章！
