test1

src/views/dashBoard/Header/index.vue

@@ -7,8 +7,8 @@
                 </div>
              <span>{{ $t(i18n.global.t('dashboard.Dashboard')) }}</span>
             </div>
-            
-            <div class="search" @click="handlesearch">
+            <div class="left-right">
+                <div class="search" @click="handlesearch">
                 <img src="@/assets/1x/1x/source2.png" alt="找不到图片">
             </div>
 
@@ -16,6 +16,8 @@
                <img src="@/assets/1x/source1.png" @click="handleShowLang" class="second">
                <Lang  ref="lang" class="lang"/>
              </div>
+            </div>
+            
        
         </div>
         <div class="right">
@@ -115,6 +117,13 @@ const drawShow = () => {
             display: flex;
             justify-content: space-between;
             width: 40vw;
+            margin-left: 15rem;
+        }
+        .left-right{
+            display: flex;
+            justify-content: space-between;
+            width: 25vw;
+            margin-right: 10rem;
         }
     }
     .left {
@@ -129,7 +138,7 @@ const drawShow = () => {
     display: none;
     @media screen and (max-width: 768px){
         display: block;
-        
+        margin-top: 3rem;
     }
 }
         span {
@@ -164,6 +173,7 @@ const drawShow = () => {
         @media screen and (max-width: 768px){
                 width: 100vw;
                 margin-top: 10rem;
+                 transform: translateX(-10rem);
             }
         .time {
             color: #435F70;