点击菜单切换语言菜单自动弹回

src/views/IPO/components/IpoHeader.vue

@@ -2,14 +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 = "drawer" @childfn="fn"/>
         </el-drawer>
         <div class="hleft">
             <div class="left-1">
-                <div class="menu">
-                    <img src="@/assets/1x/1x/source5.png" alt="menu" class="menuicon" @click="openDrawer">
-                </div>
-                <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">
@@ -62,6 +60,9 @@ onMounted(() => {
         lang.value.showLang = false
     }
 })
+function fn(data:any){
+drawer.value = data
+}
 onUnmounted(() => {
     document.documentElement.onclick = null
 })
@@ -128,7 +129,9 @@ onUnmounted(() => {
 
             @media screen and (max-width: 768px) {
                 display: block;
-                margin-top: 3px;
+                vertical-align: middle;
+                width: 25px;
+                height: 20px;
             }
         }
 
@@ -138,8 +141,9 @@ onUnmounted(() => {
             font-weight: bolder;
 
             @media screen and (max-width: 768px) {
-                font-size: 26px;
+                font-size: 20px;
                 transform: translateX(-60px);
+                display: inline;
             }
         }