fix: 调整地图

app/src/App.vue

@@ -1,16 +1,8 @@
 <script setup>
-import ScaleBox from "vue2-scale-box";
 </script>
 
 <template>
-  <div v-if="path !== '/h5'">
-    <ScaleBox :width="1920" :height="1080" bgc="transparent" :delay="100">
-      <router-view />
-    </ScaleBox>
-  </div>
-  <div v-else>
-    <router-view />
-  </div>
+  <router-view />
 </template>
 <script>
 export default {
@@ -19,11 +11,7 @@ export default {
     return {
       path: null,
     };
-  },
-  mounted() {
-    // h5的页面不做缩放
-    this.path = this.$route.path;
-  },
+  }
 };
 </script>
 <style scoped>

app/src/layouts/BasicLayout.vue

@@ -1,10 +1,12 @@
 <script>
 import Headers from "@/components/Headers.vue";
 import homebg from "@/assets/images/homebg.png"
+import ScaleBox from "vue2-scale-box";
 export default {
   name: "BasicLayout",
   components: {
     Headers,
+    ScaleBox
   },
   data() {
     return {
@@ -15,12 +17,14 @@ export default {
 </script>
 
 <template>
-  <div class="basic-layout" :style="{
-    background: $route.meta.bg === 'none' ? '#070b13' : `url(${homebg})`
-  }">
-    <Headers />
-    <router-view />
-  </div>
+  <ScaleBox :width="1920" :height="1080" bgc="transparent" :delay="100">
+    <div class="basic-layout" :style="{
+      background: $route.meta.bg === 'none' ? '#070b13' : `url(${homebg})`
+    }">
+      <Headers />
+      <router-view />
+    </div>
+  </ScaleBox>
 </template>
 
 <style scoped lang="less">