手机端跳转到原网站

src/views/mobileIndex.vue

@@ -1,8 +1,12 @@
 <template>
-      <el-row>手机端</el-row>
+      <!-- <el-row>手机端</el-row> -->
 </template>
 
 <script setup lang="ts">
+import { onMounted } from 'vue';
 
+onMounted(()=>{
+  window.location.replace('https://www.changchunwater.com/')
+})
 </script>
 <style scoped lang="scss"></style>

src/views/windowsIndex.vue

@@ -1,35 +1,35 @@
 <template>
-      <el-row class="main">
-            <el-col :span="24" class="bigImage"></el-col>
-            <el-col :span="24" class="info">
-                  <el-col :span="24" class="menus">
-                        <menusIndex />
-                  </el-col>
-                  <el-col :span="24" class="bottom">
-                        <el-col :span="24" class="zero">
-                              <topIndex />
-                        </el-col>
-                        <el-col :span="24" class="zero">
-                              <introduceIndex />
-                        </el-col>
-                        <el-col :span="24" class="zero">
-                              <notes-index />
-                        </el-col>
-                        <el-col :span="24" class="zero">
-                              <news-index />
-                        </el-col>
-                        <el-col :span="24" class="zero">
-                              <conducting-business />
-                        </el-col>
-                        <el-col :span="24" class="zero">
-                              <popular-will />
-                        </el-col>
-                        <el-col :span="24" class="foot">
-                              <foot-index />
-                        </el-col>
-                  </el-col>
-            </el-col>
-      </el-row>
+  <el-row class="main">
+    <el-col :span="24" class="bigImage"></el-col>
+    <el-col :span="24" class="info">
+      <el-col :span="24" class="menus">
+        <menusIndex />
+      </el-col>
+      <el-col :span="24" class="bottom">
+        <el-col :span="24" class="zero">
+          <topIndex />
+        </el-col>
+        <el-col :span="24" class="zero">
+          <introduceIndex />
+        </el-col>
+        <el-col :span="24" class="zero">
+          <notes-index />
+        </el-col>
+        <el-col :span="24" class="zero">
+          <news-index />
+        </el-col>
+        <el-col :span="24" class="zero">
+          <conducting-business />
+        </el-col>
+        <el-col :span="24" class="zero">
+          <popular-will />
+        </el-col>
+        <el-col :span="24" class="foot">
+          <foot-index />
+        </el-col>
+      </el-col>
+    </el-col>
+  </el-row>
 </template>
 
 <script setup lang="ts">
@@ -54,41 +54,38 @@ import footIndex from '../components/windows/footIndex.vue'
 </script>
 <style scoped lang="scss">
 .main {
-      position: relative;
+  position: relative;
 
-      .bigImage {
-            height: 30em;
-            overflow: hidden;
-            background-image: url('/home1.png');
-            background-repeat: no-repeat;
-            background-size: 100% 100%;
-      }
-
-      .info {
-            position: absolute;
-            top: 0;
-            width: 100%;
-            height: 100vh;
-            overflow: hidden;
+  .bigImage {
+    height: 30em;
+    overflow: hidden;
+    background-image: url('/home1.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+  }
 
-            .menus {
-                  height: 66px;
-                  overflow: hidden;
-            }
+  .info {
+    position: absolute;
+    top: 0;
+    width: 100%;
+    height: 100vh;
+    overflow: hidden;
 
-            .bottom {
-                  height: calc(100vh - 66px);
-                  overflow-y: auto;
-                  margin: 0 auto;
+    .menus {
+      height: 66px;
+      overflow: hidden;
+    }
 
+    .bottom {
+      height: calc(100vh - 66px);
+      overflow-y: auto;
+      margin: 0 auto;
 
-                  .zero {
-                        margin: 0 0 40px 0;
-                        padding: 0 17%;
-                  }
-
-            }
+      .zero {
+        margin: 0 0 40px 0;
+        padding: 0 17%;
       }
-
+    }
+  }
 }
 </style>