<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>
- 发布:2024-08-29 14:20
- 更新:2024-09-27 10:50
- 阅读:88
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
浏览器平台: Safari
浏览器版本: ios 16.0
项目创建方式: CLI
CLI版本号: 3.0.0-4000720240327002
示例代码:
操作步骤:
BUG 描述中我上传了一个附件为复现代码环境。启动该服务后,点击页面中的标题触发预览图片的效果,然后放大任意一张图片,再左右滑动该图片查看图片的各处细节,即可发现滑动时再该图片未滑动到边时会切换到下一张图片。
BUG 描述中我上传了一个附件为复现代码环境。启动该服务后,点击页面中的标题触发预览图片的效果,然后放大任意一张图片,再左右滑动该图片查看图片的各处细节,即可发现滑动时再该图片未滑动到边时会切换到下一张图片。
预期结果:
等该放大的图片拖动到边时再切换到下一张
等该放大的图片拖动到边时再切换到下一张
实际结果:
图片未滑动到边时会切换到下一张图片
图片未滑动到边时会切换到下一张图片
bug描述:
uni.previewImage方法预览图片时,如果对某一张图片放大后想再拖动看该图片的其它细节时,会触发swiper的事件,图片会切换到下一张。
正确的逻辑是等该放大的图片拖动到边时再切换到下一张。
该bug在各浏览器上均可复现
9***@qq.com (作者)
我录制上传到附件了,辛苦看一下
2024-08-30 09:33