甲方有个需要求是上传的长图要能放大缩小,然后在网上看下采用了<movable-area>容器,结果图片不能上下滑动,经过调动样式也不行,后来采用了 uni.previewImage()
单图片
<image
style="width: 100%;"
:src="imgUrl"
mode="widthFix"
@click="openImage"
></image>
openImage() {
let arr = []
arr.push(图片链接)
uni.previewImage({
urls: arr,
current: '',
})
},
多图的话arr放数组就可
<image
style="width: 100%;"
:src="imgUrl"
mode="widthFix"
@click="openImagePig(image)"
></image>
openImagePig() {
let arr = [图片链接, 图片链接]
uni.previewImage({
urls: arr,
current: '', // 当前显示图片的http链接,默认是第一个
})
},
网友评论