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 = () => {
mouseY.value > headerWrapperHeight.value
? (headerIsHidden.value = true)
: (headerIsHidden.value = false);
};
const HEADER_TRIGGER_DISTANCE = 12;
watch(
[() => props.headerMode, () => mouseY.value],
[() => props.headerMode, () => mouseY.value, () => headerIsHidden.value],
() => {
if (!isHeaderAutoMode.value || isMixedNav.value || isFullContent.value) {
if (props.headerMode !== 'auto-scroll') {
@ -417,8 +414,12 @@ watch(
}
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,

Loading…
Cancel
Save