20251128修改前端界面

src/components/Home.vue

@@ -15,11 +15,13 @@
             <a
               href
               style="
-                font-family: PingFangSC-Regular;
-                font-size: 18px;
+                font-family: 'Microsoft YaHei', 'SimHei', 'STHeiti', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
+                font-size: 20px;
                 line-height: 70px;
-                color: #264672;
+                color: #2E7D32;
                 margin-left: 10px;
+                font-weight: 600;
+                letter-spacing: 1px;
               "
               >{{ myname }}</a
             >
@@ -29,7 +31,9 @@
               :default-active="$route.path"
               class="el-menu"
               mode="horizontal"
-              background-color="#F7F8F1"
+              background-color="#E8F5E9"
+              text-color="#2E7D32"
+              active-text-color="#1B5E20"
               router
             >
               <template v-for="item in menu">
@@ -131,28 +135,34 @@ export default {
   text-align: center;
   font-family: PingFangSC-Regular;
   font-size: 16px;
-  color: #264672;
+  color: #2E7D32;
   letter-spacing: 0;
+  transition: all 0.3s ease;
+  border-bottom: 3px solid transparent;
 }
 .el-menu--horizontal > .el-menu-item.is-active {
-  color: #3a87f9 !important;
+  color: #1B5E20 !important;
   font-family: PingFangSC-Semibold;
   font-size: 16px;
   letter-spacing: 0;
-  border-bottom: 3px solid #409eff !important;
+  border-bottom: 3px solid #4CAF50 !important;
+  background: rgba(76, 175, 80, 0.1) !important;
 }
 .el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
 .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
   outline: 0;
-  background: #f7f8f1 !important;
+  background: rgba(76, 175, 80, 0.15) !important;
+  color: #1B5E20 !important;
 }
 
 .el-main {
   padding: 0;
   height: 100%;
+  background: #F1F8F4;
 }
 
 .content {
   height: 100%;
+  background: #F1F8F4;
 }
 </style>