1

src/views/dashBoard/Header/index.vue

@@ -104,6 +104,12 @@ const drawShow = () => {
         top:50px;
         left: -50px;
     }
+    .left-right{
+            display: flex;
+            justify-content: space-between;
+            width: 6vw;
+            margin-right: 10rem;
+        }
  
 .headerWrap {
     display: flex;
@@ -117,13 +123,13 @@ const drawShow = () => {
             display: flex;
             justify-content: space-between;
             width: 40vw;
-            margin-left: 15rem;
+            margin-left: 15px;
         }
         .left-right{
             display: flex;
             justify-content: space-between;
             width: 25vw;
-            margin-right: 10rem;
+            margin-right: 10px;
         }
     }
     .left {
@@ -138,7 +144,7 @@ const drawShow = () => {
     display: none;
     @media screen and (max-width: 768px){
         display: block;
-        margin-top: 3rem;
+        margin-top: 3px;
     }
 }
         span {
@@ -146,7 +152,7 @@ const drawShow = () => {
             font-size: 45px;
             font-weight: 900;
             @media screen and (max-width: 768px){
-                font-size: 26rem;
+                font-size: 26px;
             }
         }
 
@@ -172,14 +178,14 @@ const drawShow = () => {
         font-size: 20px;
         @media screen and (max-width: 768px){
                 width: 100vw;
-                margin-top: 10rem;
-                 transform: translateX(-10rem);
+                margin-top: 10px;
+                 transform: translateX(-10px);
             }
         .time {
             color: #435F70;
             @media screen and (max-width: 768px){
                 float: right;
-                font-size: 15rem;
+                font-size: 15px;
             }
         }
 
@@ -196,9 +202,9 @@ const drawShow = () => {
                 background-color: #E86666;
             }
             @media screen and (max-width: 768px){
-                font-size: 15rem;
-                margin-top: 13rem;
-                transform: translateX(200rem);
+                font-size: 15px;
+                margin-top: 13px;
+                transform: translateX(200px);
             }
         }
     }