背景色调整

src/views/home/Home.vue

@@ -45,7 +45,7 @@ export default {
   height: 100%;
   overflow: hidden;
   background-color: rgb(36, 51, 77);
-  // background-color: rgb(150, 150, 150);
+  // background-color: #fff;
   color: #e3e3e3;
   user-select: none;
 
@@ -59,7 +59,7 @@ export default {
     left: 0;
     width: 100%;
     height: 180px;
-    background: linear-gradient(0deg, rgba(0,17,50,0), rgba(0,17,51,0.6), rgba(0,17,50,0.8));
+    background: linear-gradient(0deg, rgba(0,17,50,0) 0%, rgba(0,17,51,0.30) 15%, rgba(0,17,51,0.45) 25%, rgba(0,17,50,1) 100%);
     
   }
 
@@ -67,8 +67,8 @@ export default {
     bottom: 0;
     left: 0;
     width: 100%;
-    height: 170px;
-    background: linear-gradient(180deg, rgba(0,17,50,0), rgba(0,17,51,0.2), rgba(0,17,50,0.8));
+    height: 180px;
+    background: linear-gradient(180deg, rgba(0,17,50,0) 0%, rgba(0,17,51,0.4) 40%, rgba(0,17,50,1) 100%);
   }
 
   .shadow-left {
@@ -76,7 +76,7 @@ export default {
     left: 0;
     width: 380px;
     height: 100vh;
-    background: linear-gradient(-90deg, rgba(0,17,50,0), rgba(0,17,51,0.5), rgba(0,17,50,0.8));
+    background: linear-gradient(-90deg, rgba(0,17,50,0) 0%, rgba(0,17,51,0.30) 15%, rgba(0,17,51,0.45) 25%, rgba(0,17,50,1) 100%);
     transition: all 0.5s ease;
     &.is-hide {
       left: -380px;
@@ -88,7 +88,7 @@ export default {
     right: 0;
     width: 380px;
     height: 100vh;
-    background: linear-gradient(90deg, rgba(0,17,50,0), rgba(0,17,51,0.5), rgba(0,17,50,0.8));
+    background: linear-gradient(90deg, rgba(0,17,50,0) 0%, rgba(0,17,51,0.30) 15%, rgba(0,17,51,0.45) 25%, rgba(0,17,50,1) 100%);
     transition: all 0.5s ease;
     &.is-hide {
       right: -380px;