怎么在微信小程序中实现预览图片功能-创新互联
今天就跟大家聊聊有关怎么在微信小程序中实现预览图片功能,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
成都创新互联公司客户idc服务中心,提供雅安移动机房、成都服务器、成都主机托管、成都双线服务器等业务的一站式服务。通过各地的服务中心,我们向成都用户提供优质廉价的产品以及开放、透明、稳定、高性价比的服务,资深网络工程师在机房提供7*24小时标准级技术保障。{{item.name}}
CSS:
.contentWa { margin-top: 20rpx; display: flex; flex-direction: column; justify-content: flex-start; } .contentWa image { margin: 0; padding: 0; width: 100%; } .getWa{ display: flex; flex-direction: row; justify-content: space-between; } .waName { width: 100%; height: 80rpx; line-height: 80rpx; font-size: 30rpx; text-align: center; background: #fff; display: inline-block; }
JS:
//预览图片 previewImage: function (e) { var current = e.target.dataset.src; var imgList = []; for (let i = 0; i < this.data.wawa.length; i++) { imgList.push(this.data.wawa[i].img_url); } wx.previewImage({ current: current,//当前点击的图片链接 urls: imgList//图片数组 }) },
看完上述内容,你们对怎么在微信小程序中实现预览图片功能有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。
网页名称:怎么在微信小程序中实现预览图片功能-创新互联
文章地址:http://myzitong.com/article/giscj.html