update

src/components/layout/Header.vue

@@ -25,4 +25,14 @@ export default { name: 'AppHeader' }
   background-color: #fff;
   color: #fff;
 }
+@media screen and (max-width: 767px) {
+  img {
+    width: 280px;
+  }
+  .app-header {
+    justify-content: center;
+    padding: 0;
+    height: 60px;
+  }
+}
 </style>

src/modules/internet/views/Index.vue

@@ -22,6 +22,11 @@ const activeIndex = ref(index)
 function handleTabChange(index: number) {
   activeIndex.value = index
 }
+
+// const isMobile = function () {
+//   const userAgent = navigator.userAgent.toLowerCase()
+//   return /ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(userAgent)
+// }
 </script>
 <template>
   <div class="home">
@@ -110,4 +115,20 @@ function handleTabChange(index: number) {
     }
   }
 }
+@media screen and (max-width: 767px) {
+  .home {
+    min-height: calc(100vh - 60px);
+    background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fdc/%20fdc_bg.png) no-repeat;
+    background-size: cover;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .home_box{
+    width: 95%;
+  }
+  .home_box_line{
+    width: 99% !important;
+  }
+}
 </style>