fix: fix abnormal display of scroll bar on lock screen page (#4546)

*  fix abnormal display of scroll bar on lock screen page
pull/48/MERGE
Squall2017 2024-09-29 21:45:56 +08:00 committed by GitHub
parent 2d1519eca7
commit b7776c5148
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 9 additions and 2 deletions

View File

@ -2,8 +2,8 @@ import { getScrollbarWidth, needsScrollbar } from '@vben-core/shared/utils';
import {
useScrollLock as _useScrollLock,
tryOnBeforeMount,
tryOnBeforeUnmount,
tryOnMounted,
} from '@vueuse/core';
export const SCROLL_FIXED_CLASS = `_scroll__fixed_`;
@ -12,7 +12,7 @@ export function useScrollLock() {
const isLocked = _useScrollLock(document.body);
const scrollbarWidth = getScrollbarWidth();
tryOnBeforeMount(() => {
tryOnMounted(() => {
if (!needsScrollbar()) {
return;
}

View File

@ -20,6 +20,7 @@
}
},
"dependencies": {
"@vben-core/composables": "workspace:*",
"@vben-core/form-ui": "workspace:*",
"@vben-core/layout-ui": "workspace:*",
"@vben-core/menu-ui": "workspace:*",

View File

@ -4,6 +4,7 @@ import { computed, reactive, ref } from 'vue';
import { LockKeyhole } from '@vben/icons';
import { $t, useI18n } from '@vben/locales';
import { storeToRefs, useLockStore } from '@vben/stores';
import { useScrollLock } from '@vben-core/composables';
import { useVbenForm, z } from '@vben-core/form-ui';
import { VbenAvatar, VbenButton } from '@vben-core/shadcn-ui';
@ -74,6 +75,8 @@ async function handleSubmit() {
function toggleUnlockForm() {
showUnlockForm.value = !showUnlockForm.value;
}
useScrollLock();
</script>
<template>

View File

@ -1524,6 +1524,9 @@ importers:
packages/effects/layouts:
dependencies:
'@vben-core/composables':
specifier: workspace:*
version: link:../../@core/composables
'@vben-core/form-ui':
specifier: workspace:*
version: link:../../@core/ui-kit/form-ui