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;