怎么在微信小程序中实现预览图片功能
今天就跟大家聊聊有关怎么在微信小程序中实现预览图片功能,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
创新互联是专业的七星关区网站建设公司,七星关区接单;提供网站设计、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行七星关区网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
{{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://scyanting.com/article/jeidec.html