样式修改

admin/src/layout/components/Header.vue

@@ -8,7 +8,7 @@
         </el-icon>
       </div>
       <!-- 面包屑 -->
-      <b>{{ $route.name }}</b>
+      <h3>{{ $route.name }}</h3>
       <div class="right-navbar">
         <!-- 全屏按钮 -->
         <el-icon size="25px" class="screenfull" @click="toggleScreen">
@@ -143,9 +143,10 @@ watch(
       background-color: #eee;
       padding: 5px;
       border-radius: 5px;
+      transition: all 0.4s ease;
     }
     .tabs-content-item-active {
-      background-color: #579572;
+      background-color: #626aef;
       color: #eee;
     }
   }

admin/src/layout/components/Menu.vue

@@ -1,7 +1,7 @@
 <template>
   <el-menu
-    active-text-color="#25A77D"
-    background-color="#304156"
+    active-text-color="#626AEF"
+    background-color="#444444"
     :default-active="$router.currentRoute.value.path"
     text-color="#fff"
     :unique-opened="true"

admin/src/layout/index.vue

@@ -49,7 +49,7 @@ const isHide = computed(() => {
 // 路由切换时的动画
 .fade-enter-active,
 .fade-leave-active {
-  transition: opacity 0.5s ease;
+  transition: opacity 0.3s ease;
 }
 .fade-enter-from,
 .fade-leave-to {