uni-app 小程序:显示图片并且点击图片展示大图

效果如图所示:

在页面显示一张图片,然后点击该张图片后显示大图。点击大图就可以关闭大图。

实现的主要代码如下:

<image :src="imgpath" mode="aspectFill" @click="imgPreview(imgArr)"></image>

其中imgpath为图片路径,imgArr为图片路径组成的数组。

图片预览的方法如下:

imgPreview(url) {

uni.previewImage({

indicator: "none",

loop: false,

urls: url,

})

},

以上方法就是小程序实现点击小图查看大图的方法了。

相关推荐
中犇科技7 小时前
2026商城APP开发公司 TOP5(电商垂直版)
uni-app
扁豆的主人7 小时前
Uniapp如何构建和部署
uni-app
小羊Yveesss7 小时前
2026年知识付费小程序多少钱一个?
小程序
hhzz8 小时前
Uniapp项目中解决一个比较典型的图标渲染问题:原生 tabBar(pages.json 里配置的那种)
uni-app·json
一只皮卡皮卡丘8 小时前
微信小程序tab页苹果显示安卓不显示的问题
微信小程序·小程序
六月的可乐8 小时前
【干货】小程序虚拟瀑布流探索小结
前端·react.js·小程序
小徐_23331 天前
Wot UI 2.1.0 发布:ConfigProvider 全局配置能力升级
前端·uni-app
前端 贾公子1 天前
小程序蓝牙打印探索与实践(上)
小程序
拙慕JULY1 天前
小程序返回 base64 文件报错
开发语言·javascript·小程序
dh131222505251 天前
按月季度销售业绩核算小程序
小程序·销售小程序·绩效小程序·业绩统计小程序·业绩核算小程序