uniapp点击图片放大功能

uni.previewImage(OBJECT)的使用

单张图片点击看大图,记录一下。

<view  @click="previewImage(item.SourceUrl)">
								<image :style="'background: url('+baseImgUrl+'/empty/load-img-fail.png'+') no-repeat center center; background-size: cover;'" 
								:src="uplpoadImgUrl+item.SourceUrl"></image>
							</view>

export default {
	data() {
		return {
			uplpoadImgUrl:this.$uplpoadImgUrl,	
			baseImgUrl: this.$baseImgUrl,// "https://www.foodqc.cn/Files/xxxxxxxx"
		};
	},

previewImage(url){
			console.log(url)
			// /UploadFiles/AIAlarm/20210818/e8270fa3-5222-45fe-8a65-c9e0b6f29504.jpg
			console.log(this.uplpoadImgUrl)
           // http://81.70.51.67:20010
			console.log(this.uplpoadImgUrl+url)
			// http://81.70.51.67:20010/UploadFiles/AIAlarm/20210818/e8270fa3-5222-45fe-8a65-c9e0b6f29504.jpg
			uni.previewImage({
				urls: [this.uplpoadImgUrl+url]
			});
			
		}