sendevia/website
1
0
Fork 0
mirror of https://github.com/sendevia/website.git synced 2026-03-05 23:32:45 +08:00
Code Activity

feat(image-viewer): add image navigation with Shift + scroll functionality

Browse Source
This commit is contained in:
sendevia
2025-11-13 21:59:22 +08:00
parent 6f4e611b04
commit 52e8bc2fca
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
.vitepress/theme/components/ImageViewer.vue
View File

@@ -200,11 +200,23 @@ function handleWheel(event: WheelEvent) {
if (!isVisible.value) return;
event.preventDefault();
const step = event.deltaY > 0 ? -ZOOM_STEP : ZOOM_STEP;
const newScale = Math.min(Math.max(imageScale.value + step, ZOOM_MIN), ZOOM_MAX);
imageScale.value = newScale;
// 按住 Shift 键时，滚轮用于切换图片
if (event.shiftKey) {
if (event.deltaY > 0) {
nextImage();
} else {
previousImage();
}
} else {
// 不按 Shift 键时，滚轮用于缩放
const step = event.deltaY > 0 ? -ZOOM_STEP : ZOOM_STEP;
const newScale = Math.min(Math.max(imageScale.value + step, ZOOM_MIN), ZOOM_MAX);
imageScale.value = newScale;
}
}
// 触摸缩放功能
let initialDistance = 0;
let initialScale = 1;