u

code/link56/link56-frontend-new/src/layout/components/header.vue

@@ -99,11 +99,9 @@ function isActive(path: string) {
 
 <style lang="scss" scoped>
 .header {
-  position: fixed;
+  position: sticky;
   top: 0;
-  right: 0;
-  left: 0;
-  z-index: 99;
+  z-index: 1000;
   background-color: #fff;
 
   .container {
@@ -112,16 +110,24 @@ function isActive(path: string) {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    height: 60px;
-    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
+    height: var(--header-height);
+    border-bottom: 1px solid rgb(232.9, 232.9, 232.9);
+    flex-shrink: 0;
+    min-width: 0;
+
     .logo {
       width: 160px;
       height: 50px;
+      flex-shrink: 0;
+      min-width: 0;
     }
 
     .menu {
       display: flex;
       align-items: center;
+      flex-shrink: 0;
+      min-width: 0;
+
       .menu-item {
         display: flex;
         align-items: center;
@@ -146,7 +152,8 @@ function isActive(path: string) {
         &::after {
           content: '';
           position: absolute;
-          bottom: -4px;
+          bottom: 0px;
+          bottom: -8px;
           left: 50%;
           width: 0;
           height: 2px;
@@ -173,6 +180,9 @@ function isActive(path: string) {
     .action {
       display: flex;
       align-items: center;
+      flex-shrink: 0;
+      min-width: 0;
+
       .action-item {
         font-size: 20px;
         margin-right: 24px;

code/link56/link56-frontend-new/src/layout/index.vue

@@ -3,7 +3,7 @@ import Header from './components/header.vue'
 </script>
 
 <template>
-  <div class="app">
+  <div class="layout">
     <Header />
     <div class="content">
       <RouterView />
@@ -15,18 +15,16 @@ import Header from './components/header.vue'
 </template>
 
 <style lang="scss" scoped>
-.app {
+.layout {
   position: relative;
 }
 
 .content {
-  padding-top: 60px;
 }
 
 .footer {
   margin-top: 32px;
   height: 100px;
-  background-color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;