9***@qq.com
9***@qq.com
  • 发布:2024-08-29 14:20
  • 更新:2024-09-27 10:50
  • 阅读:88

【报Bug】vue3+cli项目环境下,uni.previewImage方法预览图片时如果放大了某张图片会导致图片未滑动到边时切换到下一张图片

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

浏览器平台: Safari

浏览器版本: ios 16.0

项目创建方式: CLI

CLI版本号: 3.0.0-4000720240327002

示例代码:
<template>  
  <view class="content">  
    <image class="logo" src="/static/logo.png" />  
    <view class="text-area">  
      <text class="title" @click="preview">{{ title }}</text>  
    </view>  
  </view>  
</template>  

<script setup lang="ts">  
import { ref } from "vue";  
const title = ref("Hello");  
const cleanUrls = [  
  'https://img1.baidu.com/it/u=3371310401,2796076407&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=815',  
  'https://img0.baidu.com/it/u=2936523526,719751699&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=889',  
  'https://img2.baidu.com/it/u=4178203642,3744466266&fm=253&fmt=auto&app=120&f=JPEG?w=1024&h=640',  
  'https://img0.baidu.com/it/u=2386318967,533302891&fm=253&fmt=auto&app=138&f=JPEG?w=333&h=499',  
  'https://img2.baidu.com/it/u=1674892642,4115805177&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=281',  
];  
const preview = () => {  
  uni.previewImage({  
    current: 0,  
    urls: cleanUrls,  
    indicator: "default",  
    loop: true,  
  });  
};  
</script>

操作步骤:

BUG 描述中我上传了一个附件为复现代码环境。启动该服务后,点击页面中的标题触发预览图片的效果,然后放大任意一张图片,再左右滑动该图片查看图片的各处细节,即可发现滑动时再该图片未滑动到边时会切换到下一张图片。

预期结果:

等该放大的图片拖动到边时再切换到下一张

实际结果:

图片未滑动到边时会切换到下一张图片

bug描述:

uni.previewImage方法预览图片时,如果对某一张图片放大后想再拖动看该图片的其它细节时,会触发swiper的事件,图片会切换到下一张。
正确的逻辑是等该放大的图片拖动到边时再切换到下一张。

该bug在各浏览器上均可复现

2024-08-29 14:20 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

你好,我这里测试:放大后可以在边上停下,之后可以再次滑动到下一个后切换突破。你可以录一下你那的效果吗?

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

    我录制上传到附件了,辛苦看一下

    2024-08-30 09:33

3***@qq.com

3***@qq.com

这个问题我也无复现了。仅预览一张图片,放大后拖动,拖动到一半暂停一下 别一下拖到边缘,再拖就发现拖不动了(感觉像是图片发生了截取)

要回复问题请先登录注册