样式微调

src/components/nav-bar/index.vue

@@ -496,6 +496,7 @@ async function signOut() {
     }
   }
   .nav-link {
+    font-weight: 500;
     padding-left: 196px;
     background-color: $primary-color;
     transition: background-color 0.3s ease;
@@ -508,6 +509,20 @@ async function signOut() {
       + .nav-link {
         margin-left: 48px;
       }
+      &.active {
+        position: relative;
+        font-weight: bold;
+        &::after {
+          content: '';
+          position: absolute;
+          bottom: -4px;
+          left: 0;
+          right: 0;
+          height: 6px;
+          background: #193059;
+          border-radius: 6px;
+        }
+      }
     }
     @include media-breakpoint-up(lg) {
       + .nav-link {