重新设计

src/page/index/top/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="topWH" style="height: 10.8rem;background-color: #042352;">
+  <div class="topWH" style="height: 9rem;background-color: #042352;">
     <div class="top-bar__left " style="left: 0;">
       <div class="" style="position: relative;" :style="titleW">
         <img src="/img/icon/top-bg.png" class="topWH">
@@ -243,7 +243,7 @@
 <style lang="scss">
   .topWH {
     width: 100vw;
-    height: 10.2rem;
+    height: 8.4rem;
   }
 
   .icon {
@@ -264,7 +264,7 @@
     font-weight: 800;
     font-style: normal;
     width: 28.75rem;
-    height: 4.375rem;
+    height: 3.6rem;
   }
 
 
@@ -272,7 +272,7 @@
     display: flex;
     justify-content: flex-end;
     position: absolute;
-    bottom: 1.4rem;
+    bottom: 1rem;
     left: 1.2rem;
     width: 31%;
   }
@@ -281,7 +281,7 @@
     display: flex;
     justify-content: flex-start;
     position: absolute;
-    bottom: 1.4rem;
+    bottom: 1rem;
     right: 1.2rem;
     width: 31%;
   }

src/styles/avue.scss

@@ -1,4 +1,4 @@
-$backgrouind: #17171A;
+$backgrouind: #fff;
 
 .avue-crud__menu{
   background: $backgrouind;
@@ -11,7 +11,7 @@ $backgrouind: #17171A;
 .avue-crud .el-table th {
   word-break: break-word;
   color: rgba(0, 0, 0, .85);
-  background-color: #404458;
+  background-color: #fafafa;
 }
 
 .el-loading-mask {
@@ -48,5 +48,5 @@ $backgrouind: #17171A;
 //表头字体颜色
 .avue-crud .el-table th {
   color: rgba(164, 160, 160, 0.85);
-  background-color: #404458;
+  background-color: #fafafa;
 }