hookehuyr

fix(图片预览): 修改图片点击事件仅预览单张图片并禁用索引循环

将图片预览功能从显示所有图片改为仅预览当前点击的单张图片,并禁用索引显示和循环功能,提升用户体验
......@@ -123,7 +123,11 @@ const distributeImages = (images) => {
})
}
// 图片点击事件 - 使用ImagePreview
/**
* 显示图片预览(仅单张)
* @param {Object} item - 当前点击的图片对象
*/
// 图片点击事件 - 仅预览当前单张图片
const onImageClick = (item) => {
console.log('点击图片:', item)
......@@ -133,10 +137,12 @@ const onImageClick = (item) => {
// 提取所有图片的src用于预览
const images = allImages.value.map(img => img.src)
// 显示图片预览
// 仅预览当前单张图片,禁用索引与循环
showImagePreview({
images,
startPosition: currentIndex,
images: [images[currentIndex]],
startPosition: 0,
showIndex: false,
loop: false,
closeable: true
})
}
......
......@@ -123,7 +123,11 @@ const distributeImages = (images) => {
})
}
// 图片点击事件 - 使用ImagePreview
/**
* 显示图片预览(仅单张)
* @param {Object} item - 当前点击的图片对象
*/
// 图片点击事件 - 仅预览当前单张图片
const onImageClick = (item) => {
console.log('点击图片:', item)
......@@ -133,10 +137,12 @@ const onImageClick = (item) => {
// 提取所有图片的src用于预览
const images = allImages.value.map(img => img.src)
// 显示图片预览
// 仅预览当前单张图片,禁用索引与循环
showImagePreview({
images,
startPosition: currentIndex,
images: [images[currentIndex]],
startPosition: 0,
showIndex: false,
loop: false,
closeable: true
})
}
......