2***@qq.com
2***@qq.com
  • 发布:2025-04-21 10:50
  • 更新:2025-04-21 11:30
  • 阅读:61

【报Bug】uni.previewImage在手机APP很多时候需要点击两次遮盖,才是会关闭预览图片

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10专业版

HBuilderX类型: 正式

HBuilderX版本号: 4.24

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: redmi10X

页面类型: nvue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<view class="info">
<image class="image-content-image" @click="previewImage" mode="scaleToFill"
src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg">
</image>

</view>  

methods: {

        previewImage(e) {  
            const current = e.target.dataset.url; // 获取图片路径  
            console.log("湖区哦" + JSON.stringify(current))  
            uni.previewImage({  
                current: "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg", // 当前显示图片的http链接  
                urls: ["https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/shuijiao.jpg"], // 需要预览的图片http链接列表  
                indicator: "default",  
                loop: true,  
                longPressActions: {  
                    itemList: ['发送给朋友', '保存图片', '收藏'],  
                    success: function(data) {  
                        console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');  
                    },  
                    fail: function(err) {  
                        console.log(err.errMsg);  
                    }  
                },  
                success: (res) => {  
                    console.log('预览成功', res); // 成功回调逻辑‌:ml-citation{ref="1,3" data="citationList"}  
                  },  
                  fail: (err) => {  
                    console.error('预览失败', err); // 失败回调逻辑‌:ml-citation{ref="1,3" data="citationList"}  
                  },  
                  complete: () => {  
                    console.log('预览操作完成'); // 无论成功/失败均执行‌:ml-citation{ref="3" data="citationList"}  
                  }  
            });  
        }  
    },

操作步骤:

点击预览图片,点击遮盖关闭

预期结果:

点击一次就关闭

实际结果:

很多情况下需要点击两次才是触发关闭

bug描述:

页面类型vue情况下在手机APP也是一样的要点遮盖两次,有些只要点一次。很多情况下是点两次次才是会关闭。代码非常简单的测试了,还是一样的

2025-04-21 10:50 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

hello , 你使用的什么设备出现的这个问题,可否提供一下视频看一下效果

  • 2***@qq.com (作者)

    视频你看不出来,点一次,跟点两次。代码就是我发的情况。一定要视频的话我给你录一个

    2025-04-21 11:09

  • 2***@qq.com (作者)

    点第一次直接关闭了,后面的是我在弹出来,点了两次。 当然有些情况就是,弹出来就要点两次才能关闭

    2025-04-21 11:46

  • DCloud_UNI_yuhe

    回复 2***@qq.com: 你那点击两次是有长按的效果吗?快速点击两次按理来说应该是放大,这个暂时也判断不出来出现啥问题了

    2025-04-21 15:26

  • 2***@qq.com (作者)

    回复 DCloud_UNI_yuhe: 就是很平常的点第一次没关闭预览,就再次点了一次,并不是瞬间连点两次。

    2025-04-21 15:47

  • 2***@qq.com (作者)

    回复 DCloud_UNI_yuhe: 快速点两次放大正常

    2025-04-21 15:47

要回复问题请先登录注册