fix(滚动): 为多个组件添加overscroll-contain并处理滚轮事件

为多个模态框和列表组件添加overscroll-contain类以防止滚动链
添加处理函数阻止模态框背景的滚轮事件传播到内容区域
This commit is contained in:
2026-04-12 21:30:33 +08:00
parent a280d44481
commit ba10f90dde
5 changed files with 19 additions and 5 deletions

View File

@@ -10,6 +10,7 @@
<div
v-if="show"
class="fixed inset-0 z-50 flex items-start justify-center bg-slate-900/70 px-4 py-6 lg:py-10"
@wheel="onOverlayWheel"
>
<div
class="flex max-h-[90vh] w-full max-w-6xl flex-col overflow-hidden rounded-3xl border border-white/10 bg-white/95 shadow-2xl dark:border-slate-800 dark:bg-slate-900"
@@ -78,4 +79,10 @@ const props = defineProps<{
}>();
const selectedCount = computed(() => props.store.getSelectedItems().length);
const onOverlayWheel = (e: WheelEvent) => {
const target = e.target as HTMLElement;
if (target.closest(".overflow-y-auto, .overflow-auto")) return;
e.preventDefault();
};
</script>