小程序图片预览 全屏显示

• 萌宠菠菠乐园
• 2024-09-17 02:25

<view>

　　<image src='{{v.content}}' mode='aspectFit' bindtap="enlarge" data-list="{{pictures}}" data-src="{{v.content}}"></image>

</view> 

Page({

　　data:{ },

　　//图片点击事件

　　enlarge: function (event) {

　　　　var src = event.currentTarget.dataset.src;//获取data-src

　　　　var imgList = event.currentTarget.dataset.list;//获取data-list

　　　　//图片预览

　　　　wx.previewImage({

　　　　　　current: src, // 当前显示图片的http链接

　　　　　　urls: imgList // 需要预览的图片http链接列表

　　　　})

　　},

})

相关知识

双十二年终好价节宠物营销集赞活动全屏竖版海报
宠物服务小程序：让你的宠物店迈向线上新时代
快速制作宠物医院服务小程序，跟随教程轻松做起来！
打造高效宠物医院管理小程序，教你如何一步步制作
宠物店该选择什么样的小程序？如何制作小程序？
基于微信小程序的宠物小程序系统（源码+文档+部署+讲解）
基于微信小程序的宠物寄养小程序，附源码
制作库存表小程序(教你微信小程序制作的流程)
宠物领养小程序源码
上海小程序开发，上海宠物相亲交流小程序开发，满足养宠人士需求

网址: 小程序图片预览 全屏显示 https://m.mcbbbk.com/newsview171054.html

上一篇: HTML——3. 链接、id的

下一篇: 鹦鹉的各种品种，没见过这么全的！