修改顶部样式

web/src/pages/Home.vue

@@ -261,21 +261,23 @@ export default {
     background: url('../assets/img/topTabBac.jpg') no-repeat;
     background-size: 100% 90px;
     .login {
+      transform: translateY(-1px);
+      padding-top: 8px;
       margin-right: 100px;
       display: flex;
       flex-direction: column;
       align-items: center;
       margin-left: 100px;
       width: 220px;
-      height: 120px;
+      height: 111px;
       background: url("../assets/img/logoDI.png");
       background-size: 100% 100%;
       & > img {
-        width: 62px;
-        height: 62px;
+        width: 55px;
+        height: 55px;
       }
       & > p {
-        margin-top: 8px;
+        margin-top: 6px;
         font-weight: 700;
         color: #be1220;
         font-size: 14px;

web/src/views/gui/menu.vue

@@ -392,7 +392,7 @@ export default {
   > li {
     margin-right: 15px;
     border-radius: 50%;
-    background: rgba(0, 0, 0, 0.6);
+    background: rgba(0, 0, 0, 0.5);
     position: relative;
     width: 48px;
     height: 48px;
@@ -469,7 +469,7 @@ export default {
   width: 22px;
 }
 #volume {
-  width: 50px;
+  width: 48px;
   padding: 10px;
   background-color: rgba(0, 0, 0, 0.5) !important;
   border-radius: 50%;
@@ -479,7 +479,7 @@ export default {
   border-radius: 50%;
 }
 #gui-fullscreen-exit {
-  width: 50px;
+  width: 48px;
   background-color: rgba(0, 0, 0, 0.5) !important;
   border-radius: 50%;
 }

web/src/views/layout/index.vue

@@ -105,21 +105,23 @@ export default {
     height: 90px;
     background-color: #b0111e;
     .login {
+      transform: translateY(-1px);
+      padding-top: 8px;
       margin-right: 100px;
       display: flex;
       flex-direction: column;
       align-items: center;
       margin-left: 100px;
       width: 220px;
-      height: 120px;
+      height: 111px;
       background: url("../../assets/img/logoDI.png");
       background-size: 100% 100%;
       & > img {
-        width: 62px;
-        height: 62px;
+        width: 55px;
+        height: 55px;
       }
       & > p {
-        margin-top: 8px;
+        margin-top: 6px;
         font-weight: 700;
         color: #be1220;
         font-size: 14px;

web/src/views/tab4/index.vue

@@ -314,7 +314,7 @@ export default {
           align-items: center;
           color: #9c9c9c;
           margin-right: 120px;
-          & > img {
+          & > img { 
             width: 20px;
             height: 20px;
           }