test1

src/views/IPO/components/IpoHeader.vue

@@ -68,6 +68,11 @@ onUnmounted(() => {
 </script>
 
 <style lang="scss" scoped>
+@media screen and (max-width: 768px){
+    .headerWrap{
+        margin-left: 18rem;
+    }
+}
 .langWrap {
     //   position: absolute;
     // //   top:-20px;
@@ -123,7 +128,7 @@ onUnmounted(() => {
 
             @media screen and (max-width: 768px) {
                 display: block;
-
+                margin-top: 3rem;
             }
         }
 

src/views/IPO/components/IpoNav.vue

@@ -33,6 +33,7 @@ const list = ref([proxy.$t('ipo.CompanyInformation'), proxy.$t('ipo.TypeofListin
         margin-top: 0px;
         width: 100vw;
         overflow-x: scroll;
+        margin-left: 15rem;
     }
 
     a {

src/views/IPO/index.vue

@@ -341,8 +341,8 @@ const content = ref()
 onMounted(
     () => {
         data.value = JSON.parse(localStorage.getItem('itemData') as string)
-        // getreferencedata()
+         getreferencedata()
-        text();
+       // text();
     }
 )
 async function text() {
@@ -420,7 +420,7 @@ function setOfferings(mockRes: any) {
         { info: keepTwoDecimalStr(poReallocationCap) },
         { info: "-", info2s: [has_data(ipoShares?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')), has_data(poSharesFinal?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')), has_data(ioOfferSharesFinal?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'))], table: clawback },
         { info: has_data(overallPoShares?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')), info2: has_data(overallIoShares?.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')), },
-        { info: has_data(upsizeOption) },
+        { info: has_data(upsizeOption.toFixed(2),"%") },
         { info: "-" },
         { info: keepTwoDecimalStr(overallotOption) },
         { table: denomTable }

src/views/IpoCalendar/index.vue

@@ -100,7 +100,7 @@ const backRouter = () => {
             display: flex;
             // margin-left: 40px;
             margin-top: 20rem;
-
+            transform: translateX(-10rem);
             .top-title {
                 text-align: center;
                 display: inline-block;

src/views/dashBoard/Header/index.vue

@@ -7,8 +7,8 @@
                 </div>
              <span>{{ $t(i18n.global.t('dashboard.Dashboard')) }}</span>
             </div>
-            
+            <div class="left-right">
-            <div class="search" @click="handlesearch">
+                <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;

src/views/dashBoard/index.vue

@@ -990,9 +990,9 @@ const showMounth = (date: any) => {
         background-color: #fff;
 
         @media screen and (max-width: 768px) {
-          width: 90vw;
+          width: 92vw;
           margin-left: 5vw;
-
+   
         }
 
         // background-color: red;

src/views/login/modelComponents/Drawer.vue

@@ -43,10 +43,10 @@
                         <img src="@/assets/1x/source11.png" alt="">
                     </div>
                 </div>
-                <div class="lang" v-if="state == 5">
+                <div class="lang" v-if="state == 5" >
-            <li>English</li>
+        <li @click="handleLang1">English</li>
-            <li>简体中文</li>
+        <li @click="handleLang2">繁體中文</li>
-            <li>繁體中文</li>
+        <li @click="handleLang3">简体中文</li>
         </div>
         </li>
 
@@ -63,7 +63,10 @@ export default {
 <script lang="ts" setup>
 import { ref } from "vue"
 import { getCurrentInstance, onUnmounted } from 'vue'
+import { ipoStore } from "@/stores/ipo"
+const store = ipoStore()
 const { proxy } = (getCurrentInstance() as any)
+
 const state = ref(1)
 // const drawer = ref(true)
 const setState = (number: number) => {
@@ -81,6 +84,26 @@ const setState = (number: number) => {
         proxy.$router.push("/IPOcalendar")
     }
 }
+const handleLang1 = () => {
+    if (proxy.$i18n.locale = 'en') {
+        proxy.$i18n.locale = 'en'
+    }
+    store.setLocale(1)
+}
+const handleLang2 = () => {
+    if (proxy.$i18n.locale = 'zhCt') {
+        proxy.$i18n.locale = 'zhCt'
+
+
+    }
+    store.setLocale(2)
+}
+const handleLang3 = () => {
+    if (proxy.$i18n.locale = 'zhCn') {
+        proxy.$i18n.locale = 'zhCn'
+    }
+    store.setLocale(3)
+}
 // const openDrawer = () => {
 //     drawer.value = false;
 // }
@@ -93,10 +116,10 @@ const setState = (number: number) => {
     display: flex;
     flex-direction: column;
     .imgWrap22222 {
-        margin-top: 30rem;
+        margin-top: 20rem;
         width: 25rem;
         height: 20rem;
-        // margin-left: 15rem;
+         margin-left: 15rem;
         img {
             width: 100%;
             height: 100%;
@@ -118,7 +141,7 @@ const setState = (number: number) => {
             background-color: #B4C0C7;
 
             &.active {
-                background-color: #fff;
+                background-color: #fff
             }
 
             img {
@@ -184,5 +207,6 @@ const setState = (number: number) => {
              
         }
     }
+    
 }
 </style>