需求 :
点击图片放大,并且多张的话可以右滑
效果:
1.没有滑动时
2.滑动了之后
代码:
<view> <view class="fishqc-reportImg" style="background-image:url({{eachImg}});" wx:for="{{reportdetail.reportimg}}" bindtap="clickToExpand" wx:for-index="idx" wx:for-item="eachImg" data-url="{{reportdetail.reportimg}}"> </view> </view>
// 图片点击之后放大的功能 clickToExpand: function (event){ var index = event.currentTarget.dataset.idx; wx.previewImage({ current:'', urls: event.currentTarget.dataset.url }) }
这里要注意的是
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/list.html
每个图片的渲染,以及传过来的图片数组,渲染的时候多注意