ipo页面移动端适配

src/views/IPO/index.vue

@@ -341,8 +341,8 @@ const content = ref()
 onMounted(
     () => {
         data.value = JSON.parse(localStorage.getItem('itemData') as string)
-        getreferencedata()
-        // text();
+        // getreferencedata()
+        text();
     }
 )
 async function text() {
@@ -687,11 +687,23 @@ function setTimeTable(mockRes: any) {
         }
     ]
     Timetable.value = Timetable.value.map(item => {
+        const isMobel = 768 >= document.documentElement.clientWidth;
         item.table.lists = item.table.lists.map((item, index) => {
             const { number, persent } = arr[0].table.lists[index]
             return { ...item, number, persent }
         })
+        if (isMobel) {
+            item.table.title = item.table.title.filter((element: any) => element.header)
+            item.table.title = item.table.title.map((element: any, index: number) => {
+                if (index == 0) {
+                    element.width = 55;
+                }
+                return element
+            })
+
+        }
         return { ...item, info: arr[0].info, info2: arr[0].info2 }
+
     })
     function timeTo(time: string | null | undefined) {
         if (time) {
@@ -762,6 +774,13 @@ function setDownLoad() {
     padding-top: 30px;
     height: 100%;
 
+    @media screen and (max-width: 768px) {
+
+        padding-top: 10rem;
+        width: 100vw;
+        overflow: hidden;
+    }
+
     .leftbox {
         width: 22%;
         height: 100%;
@@ -776,6 +795,13 @@ function setDownLoad() {
         width: 78%;
         height: 100%;
         padding-left: 20px;
+
+        @media screen and (max-width: 768px) {
+            padding-top: 0px;
+            padding-left: 0px;
+            width: 100vw;
+            overflow: hidden;
+        }
     }
 
     .content {