移动端dashbord调整

src/views/IPO/components/IpoHeader.vue

@@ -2,12 +2,12 @@
     <div class="headerWrap">
         <el-drawer v-model="drawer" size="80%" direction="ltr" :show-close="false" :before-close="handleDrawer"
             style="background-color: #1C3F56;" :with-header="false">
-            <Drawer :drawer = "drawer" @childfn="fn"/>
+            <Drawer :drawer="drawer" @childfn="fn" />
         </el-drawer>
         <div class="hleft">
             <div class="left-1">
-                    <img src="@/assets/1x/1x/source5.png" alt="menu"  @click="openDrawer" class="menu">
-                    <div class="title">{{ $t(i18n.global.t('dashboard.IPOReferenceData')) }}</div>
+                <img src="@/assets/1x/1x/source5.png" alt="menu" @click="openDrawer" class="menu">
+                <div class="title">{{ $t(i18n.global.t('dashboard.IPOReferenceData')) }}</div>
             </div>
 
             <div class="search" @click="handlesearch">
@@ -50,7 +50,6 @@ const openDrawer = () => {
     drawer.value = true;
 }
 const handleShowLang = (e: any) => {
-    console.log(1111)
     e.stopPropagation()
     lang.value.showLang = !lang.value.showLang
 }
@@ -60,8 +59,8 @@ onMounted(() => {
         lang.value.showLang = false
     }
 })
-function fn(data:any){
-drawer.value = data
+function fn(data: any) {
+    drawer.value = data
 }
 onUnmounted(() => {
     document.documentElement.onclick = null
@@ -69,11 +68,12 @@ onUnmounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@media screen and (max-width: 768px){
-    .headerWrap{
+@media screen and (max-width: 768px) {
+    .headerWrap {
         margin-left: 18px;
     }
 }
+
 .langWrap {
     //   position: absolute;
     // //   top:-20px;
@@ -84,7 +84,7 @@ onUnmounted(() => {
     margin-left: 15px;
 
     @media screen and (max-width: 768px) {
-        display: none;
+        // display: none;
     }
 
     .second {
@@ -103,6 +103,10 @@ onUnmounted(() => {
     position: absolute;
     top: 50px;
     left: -50px;
+
+    @media screen and (max-width: 768px) {
+        left: -110px;
+    }
 }
 
 .headerWrap {
@@ -124,6 +128,10 @@ onUnmounted(() => {
         width: fit-content;
         position: relative;
 
+        @media screen and (max-width: 768px) {
+            justify-content: flex-start;
+        }
+
         .menu {
             display: none;
 
@@ -132,6 +140,7 @@ onUnmounted(() => {
                 vertical-align: middle;
                 width: 25px;
                 height: 20px;
+
             }
         }
 
@@ -167,6 +176,8 @@ onUnmounted(() => {
 
             @media screen and (max-width: 768px) {
                 transform: translateY(-0.5vh);
+                position: absolute;
+                right: 50px;
             }
         }
     }