Browse Source

fix: header auto mode issue (#7096)

pull/7101/head
ppxb 4 weeks ago
committed by GitHub
parent
commit
f4a4ced88d
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
  1. 17
      packages/@core/ui-kit/layout-ui/src/vben-layout.vue

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

@ -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,

Loading…
Cancel
Save