当前位置:网站首页>uniapp实现图片(单张/多张)预览

uniapp实现图片(单张/多张)预览

2022-06-25 15:48:00 天使的同类

uniapp实现图片(单张/多张)预览

一、单张预览

			getImgIndex(index) {
    
				let imgs = this.temperatureData.map(item => {
    
					return item.img
				})
				uni.previewImage({
    
					urls: imgs,
					current: index
				})
			},

二、多张预览

			getImgIndex(index) {
    
				this.imgArray = [];
				this.imgArray = this.temperatureData[index].img
				uni.previewImage({
    
					current: 0, //当前为第几张
					urls: this.imgArray,
					indicator: 'number',
					loop: true
				});
			},

效果图:

预览

We’re not put on this Earth to think of only ourselves

原网站

版权声明
本文为[天使的同类]所创,转载请带上原文链接,感谢
https://blog.csdn.net/Summer_JK/article/details/125441267