<template>
<div class="demo">
<image style="width: 200px; height: 200px" :src="qrcode" @click="showImg" />
</div>
</template>
<script lang="ts" setup>
import qrcode from '@/asset/img/qrcode.jpg'
const showImg = () => {
uni.previewImage({
urls: [qrcode]
})
}
</script>
<style>
.demo {
background: #fff;
}
</style>
1***@qq.com
- 发布：2023-07-11 14:59
- 更新：2023-07-12 16:11
- 阅读：233
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10.0.17763.1577
浏览器平台： 微信内置浏览器
项目创建方式： CLI
CLI版本号： 3.0.0-3061320221209001
示例代码：
操作步骤：
1.预览图片
2.将图片放大后移到最左边或最右边后
3.再反方向移动
1.预览图片
2.将图片放大后移到最左边或最右边后
3.再反方向移动
预期结果：
放大图片移动后，移动到最右边后，也可以直接移动到最左边
放大图片移动后，移动到最右边后，也可以直接移动到最左边
实际结果：
放大图片移动后，只能看半边图片，另一半移动要缩放回来后，再放大移动到想看的另一边图片
放大图片移动后，只能看半边图片，另一半移动要缩放回来后，再放大移动到想看的另一边图片
3 个回复
爱豆豆 - 办法总比困难多
我使用cli创建的项目，用你的写法 测试 并没发现这个没问题
爱豆豆 - 办法总比困难多
你发个录屏视频出来看看
1***@qq.com (作者)
大佬，视频录好了，你看看
2023-07-12 16:11
爱豆豆
回复 1***@qq.com: 之前没看清楚 我以为是微信小程序 刚才在浏览器中运行 对比了cli创建的项目确实有这个问题
2023-07-12 17:00
1***@qq.com (作者)
回复 爱豆豆: 这个bug还没更新吗
2024-01-24 10:42
爱豆豆
回复 1***@qq.com: 我给官方反馈了但是没回复 你在邀请下官方人员看看
2024-01-24 10:46
1***@qq.com (作者)
回复 爱豆豆: 好
2024-01-24 11:12
1***@qq.com (作者)
视频