🤢 按要求修改标题栏

src/components/NavBar.vue

@@ -98,10 +98,12 @@ onBeforeUnmount(() => {
 @use '@/assets/scss/colors.scss' as *;
 
 $nav-height: 70px;
+$nav-color: $primary-color;
+$nav-text-color: $text-color-light;
 
 .nav-placeholder {
   height: $nav-height; 
-  background-color: $primary-color;
+  background-color: $nav-color;
 }
 nav.main {
   position: fixed;
@@ -111,20 +113,20 @@ nav.main {
   z-index: 100;
   width: 100%;
   height: $nav-height;
-  background-color: rgba(#000, 0.1);
+  background-color: $nav-color;
   border-bottom: 1px solid rgba(#fff, 0.2);
-  color: #fff;
+  color: $nav-text-color;
   transition: all ease-in-out 0.3s;
 
   &.nav-scrolled {
-    background-color: $primary-color;
+    background-color: $nav-color;
   }
   &.need-blur.nav-not-scrolled {
-    background-color: transparent;
+    //background-color: transparent;
     backdrop-filter: blur(10px);
   }
   a {
-    color: rgba(#fff, 0.8);
+    color: rgba($nav-text-color, 0.8);
     text-align: center;
     text-decoration: none;
 
@@ -132,7 +134,7 @@ nav.main {
       outline: none;
     }
     &.router-link-active, &.router-link-exact-active, &:hover {
-      color: #fff;
+      color: $nav-text-color;
     }
     &.router-link-exact-active {
       font-weight: bold;
@@ -156,8 +158,8 @@ nav.main {
     align-items: center;
 
     img {
-      width: 45px;
-      height: 45px; 
+      width: 55px;
+      height: 55px; 
       margin-right: 10px;
     }
     > div {