Browse Source

fix style

KaysonCui 4 years ago
parent
commit
eeb6fa0009

+ 19 - 17
front/project/www/components/Header/index.less

@@ -43,31 +43,33 @@
         position: relative;
         text-align: center;
         font-size: 18px;
-        color: @base_color;
+        color: #5E677BFF;
+        font-weight: 400;
       }
 
-      .tab.active::after {
-        content: '';
-        width: 0;
-        height: 4px;
-        background: @theme_color;
-        transform: translateX(-50%);
-        transition: all 0.25s;
-        position: absolute;
-        bottom: 0;
-        left: 50%;
-      }
+      // .tab.active::after {
+      //   content: '';
+      //   width: 0;
+      //   height: 4px;
+      //   background: @theme_color;
+      //   transform: translateX(-50%);
+      //   transition: all 0.25s;
+      //   position: absolute;
+      //   bottom: 0;
+      //   left: 50%;
+      // }
 
       .tab:hover {
-        color: @theme_color;
+        color: #57A4FEFF;
       }
       .tab.active {
-        color: #444;
+        color: @theme_color;
+        font-weight: 500;
       }
 
-      .tab.active::after {
-        width: 100%;
-      }
+      // .tab.active::after {
+      //   width: 100%;
+      // }
     }
   }
 

+ 4 - 2
front/project/www/components/Tabs/index.less

@@ -41,12 +41,14 @@
     left: 50%;
   }
 
-  .tab:hover,
+  .tab:hover {
+    color: #57A4FEFF;
+  }
+
   .tab.active {
     color: @theme_color;
   }
 
-  .tab:hover::after,
   .tab.active::after {
     width: 100%;
   }