小程序点击图片查看详情

it2023-02-24  80

xml: <view class="img_groups"> <text class="img_text">故障影像</text> <view class="img_group"> <image class="imgs" src="{{imageUrl}}" data-message="{{imageUrl}}" mode="aspectFill" bindtap='imgYu'> </image> <image class="imgs" src="{{imageUrl}}" data-message="{{imageUrl}}" mode="aspectFill" bindtap='imgYu'> </image> </view> </view> js: //图片点击事件 imgYu: function (event) { var that=this; console.log(event) var src = event.target.dataset.message+"?Content-Type=application/octet-stream";//获取data-message //图片预览 wx.previewImage({ current: src, // 当前显示图片的http链接 urls: [src] // 需要预览的图片http链接列表 }) },

 

最新回复(0)