移动端dashbord调整

src/views/IPO/components/IpoContent.vue

@@ -187,7 +187,7 @@ const data = defineProps<{ info: obj[], title: string }>()
                 font-size: 12px;
                 position: relative;
 
-                .name2 {}
+                // .name2 {}
 
 
 
@@ -207,7 +207,7 @@ const data = defineProps<{ info: obj[], title: string }>()
                     color: #355D80;
                 }
 
-                .info2 {}
+                // .info2 {}
             }
 
             .table {

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;
             }
         }
     }

src/views/IPO/components/IpoNav.vue

@@ -11,7 +11,7 @@ export default {
 </script>
 
 <script lang="ts" setup>
-import { ref, defineProps } from "vue"
+import { ref, defineProps ,computed} from "vue"
 import i18n from '@/locales'
 import { getCurrentInstance } from 'vue'
 const { proxy } = (getCurrentInstance() as any)
@@ -21,7 +21,7 @@ const scrollto = (index: number) => {
     console.log(ref11)
     props.scroll(ref11)
 }
-const list = ref([proxy.$t('ipo.CompanyInformation'), proxy.$t('ipo.TypeofListing.TypeofListing'), proxy.$t('ipo.Offering.Offering'), proxy.$t('ipo.advisers.Adviser'), proxy.$t('ipo.Timetable.Timetable'), proxy.$t('ipo.Documents.Documents'), proxy.$t('ipo.TransactionCosts.TransactionCosts')])
+const list = computed(() => ([proxy.$t('ipo.CompanyInformation'), proxy.$t('ipo.TypeofListing.TypeofListing'), proxy.$t('ipo.Offering.Offering'), proxy.$t('ipo.advisers.Adviser'), proxy.$t('ipo.Timetable.Timetable'), proxy.$t('ipo.Documents.Documents'), proxy.$t('ipo.TransactionCosts.TransactionCosts')]))
 </script>
 
 <style lang="scss" scoped>