小程序图片点击放大右滑

需求 :

点击图片放大,并且多张的话可以右滑

效果:

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

每个图片的渲染,以及传过来的图片数组,渲染的时候多注意