From dade534122bb5c58d3b9a70024a65f03d8d3a86c Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Sat, 16 Aug 2025 18:00:06 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=9B=BF=E6=8D=A2Header=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/Basic.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/layouts/Basic.vue b/src/layouts/Basic.vue
index 339f8e5..789fb11 100644
--- a/src/layouts/Basic.vue
+++ b/src/layouts/Basic.vue
@@ -17,6 +17,7 @@ const userStore = useUserStore();
 const router = useRouter();
 const route = useRoute();
 
+const Header = Layout.Header;
 const Sider = Layout.Sider;
 const Content = Layout.Content;
 
@@ -58,9 +59,9 @@ const checkHasInviteCode = () => {
 <template>
   <Layout :class="['layout-wrap', { mobile: appStore.hideMenu }]" class="h-full flex flex-col w-full">
     <JoinModal v-model:visible="joinEnterpriseVisible" ref="joinModalRef" />
-    <section class="layout-navbar-wrap">
+    <Header class="layout-header-wrap">
       <base-navbar />
-    </section>
+    </Header>
     <Layout class="flex layout-content-wrap">
       <Sider
         v-if="showSider"
@@ -89,13 +90,12 @@ const checkHasInviteCode = () => {
   font-family: inherit;
   background: transparent;
   min-width: 1200px;
-  .layout-navbar-wrap {
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 1000;
-    width: 100%;
+  .layout-header-wrap {
+    background: transparent;
     height: $navbar-height;
+    line-height: $navbar-height;
+    padding-inline: inherit;
+    color: inherit;
   }
   .layout-content-wrap {
     height: 100%;