From 4e0edd2ba880704441234fc1e4bc5a6daf2a9e9d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=98=BF=E8=8F=9C=20Cai?= Date: Wed, 4 Sep 2024 15:59:04 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E6=8F=90=E5=8D=87=E5=88=A4=E6=96=AD?= =?UTF-8?q?=E5=8F=98=E9=87=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layouts/index.vue | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/src/layouts/index.vue b/src/layouts/index.vue index 1aa02477..18eb2955 100644 --- a/src/layouts/index.vue +++ b/src/layouts/index.vue @@ -59,6 +59,10 @@ const appendNewRoute = () => { tabsRouterStore.appendTabRouterList({ path, query, title: title as string, name, isAlive: true, meta: route.meta }); }; +// 在操作监听过程中,如果已经隐藏了,就不再进行隐藏的dom操作// 如果已经显示了,就不再进行显示的dom操作 +let alreadyHidden = false; +let alreadyShow = false; + const toggleHeadVisible = () => { const layoutElement = document.querySelector(`.${prefix}-layout`); @@ -66,9 +70,6 @@ const toggleHeadVisible = () => { const { scrollTop } = layoutElement; const headerMenuFixedElement = document.querySelector(`.${prefix}-header-menu-fixed`); const headerMenuFixedElementHeight = headerMenuFixedElement.scrollHeight; - // 在操作监听过程中,如果已经隐藏了,就不再进行隐藏的dom操作// 如果已经显示了,就不再进行显示的dom操作 - let alreadyHidden = false; - let alreadyShow = false; // 当面包屑存在时 fixed在头部 if (settingStore.showBreadcrumb) { @@ -97,7 +98,8 @@ const toggleHeadVisible = () => { if (scrollTop > headerMenuFixedElementHeight && settingStore.toggleHeadVisible) { if (!alreadyHidden) { headerElement.setAttribute('style', 'display: none;'); - (layoutElement as HTMLElement).style.height = '100vh'; + // (layoutElement as HTMLElement).style.height = '100vh'; + sideNavMixFixedElement?.setAttribute('style', 'top: 0;'); } alreadyHidden = true; @@ -105,7 +107,7 @@ const toggleHeadVisible = () => { } else { if (!alreadyShow) { headerElement.setAttribute('style', null); - (layoutElement as HTMLElement).style.height = 'calc(100vh - var(--td-comp-size-xxxl))'; + // (layoutElement as HTMLElement).style.height = 'calc(100vh - var(--td-comp-size-xxxl))'; sideNavMixFixedElement?.setAttribute('style', null); } alreadyHidden = false;