TBtools-顶部导航样式

htmldev/TBTools/src/views/main-navbar.vue

@@ -37,8 +37,8 @@
         </el-dropdown>
       </template>
       <template v-else>
-        <router-link class="btn-login" :to="{name: 'login'}" replace>登录</router-link>
-        <router-link class="btn-register" :to="{name: 'register'}" replace>注册</router-link>
+        <router-link class="btn-login" :active-class="'active'" :to="{name: 'login'}" replace>登录</router-link>
+        <router-link class="btn-register" :active-class="'active'" :to="{name: 'register'}" replace>注册</router-link>
       </template>
     </div>
     <!-- 弹窗, 修改密码 -->
@@ -148,22 +148,22 @@ a {
   width: 70px;
   height: 30px;
   border-radius: 4px;
+  border: 1px solid #332C2B;
+  line-height: 28px;
   font-size: 16px;
   font-family: PingFangSC-Semibold, PingFang SC;
   font-weight: 600;
   text-align: center;
-}
+  color: #666666;
 
-.btn-login {
-  line-height: 30px;
-  color: #00EEFF;
-  background: #332C2B;
+  &.active {
+    line-height: 30px;
+    color: #00EEFF;
+    background: #332C2B;
+  }
 }
 
 .btn-register {
   margin-left: 16px;
-  border: 1px solid #332C2B;
-  line-height: 28px;
-  color: #666666;
 }
 </style>