XW-AIOT/iot-device-management-frontend
4
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix: header auto mode issue (#7096)

Browse Source
This commit is contained in:
ppxb
2026-01-12 21:40:26 +08:00
committed by GitHub
parent 19b2d7af41
commit f4a4ced88d
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/@core/ui-kit/layout-ui/src/vben-layout.vue
View File

@@ -403,13 +403,10 @@ watch(
); );
{ {
const mouseMove = () => { const HEADER_TRIGGER_DISTANCE = 12;
mouseY.value > headerWrapperHeight.value
? (headerIsHidden.value = true)
: (headerIsHidden.value = false);
};
watch( watch(
[() => props.headerMode, () => mouseY.value], [() => props.headerMode, () => mouseY.value, () => headerIsHidden.value],
() => { () => {
if (!isHeaderAutoMode.value || isMixedNav.value || isFullContent.value) { if (!isHeaderAutoMode.value || isMixedNav.value || isFullContent.value) {
if (props.headerMode !== 'auto-scroll') { if (props.headerMode !== 'auto-scroll') {
@@ -417,8 +414,12 @@ watch(
} }
return; return;
} }
headerIsHidden.value = true;
mouseMove(); const isInTriggerZone = mouseY.value <= HEADER_TRIGGER_DISTANCE;
const isInHeaderZone =
!headerIsHidden.value && mouseY.value <= headerWrapperHeight.value;
headerIsHidden.value = !(isInTriggerZone || isInHeaderZone);
}, },
{ {
immediate: true, immediate: true,