小程序预览类似朋友圈动态一组图片

一、效果

二、代码

或不多说直接上代码

1、wxss代码

  <block wx:for="{{articles}}" wx:key="data" wx:for-item="list"><view class="img"><block wx:for="{{list.imagesUrl}}" wx:key="index" wx:for-item="img"><image src="{{img}}" mode="aspectFill" 	show-menu-by-longpress="true" style="width: 200rpx; height: 200rpx;" bindtap="previewImg" data-images="{{list.imagesUrl}}" data-index="{{index}}">image>block>view>block>

2、js代码

  //预览图片previewImg(e){//获取当前动态的图片列表let imagesUrl = e.currentTarget.dataset.images//获取点击的图片索引let index = e.currentTarget.dataset.indexconsole.log(imagesUrl)wx.previewImage({urls: imagesUrl,       //所有要预览的图片的地址集合 数组形式current: imagesUrl[index]   //当前图片地址})},

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！