refactor: 优化代码

src/components/bgBox/index.vue

@@ -190,6 +190,7 @@ export default {
     position: absolute;
     display: flex;
     width: 100%;
+    z-index: 10;
     .line {
       width: 0px;
       height: 41px;
@@ -271,11 +272,16 @@ export default {
     pointer-events: none;
   }
   & > .box {
+    transform-origin: 0 0 0;
     position: absolute;
     top: 90px;
     width: 100%;
     box-sizing: border-box;
     padding: 40px;
+    left: 0;
+    top: 0;
+    padding: 0;
+    z-index: 9;
   }
 }
 </style>

src/views/page1/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <bgBox :tabChange="tabChange">
+  <bgBox :tabChange="tabChange" class="bgBox">
     <cylindricalHistogram
       style="left: 50px; top: 425px"
       v-if="isGetData"
@@ -155,36 +155,4 @@ export default {
 }
 </script>
 
-<style lang="less" scoped>
-.home-container {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  .wrap {
-    transform-origin: 0px 0px 0px;
-    background: url(../../assets/img/bj.jpg) no-repeat;
-    background-size: contain;
-    background-position: 50% 0;
-    background-color: rgb(0, 0, 0);
-    min-width: auto;
-    width: 1920px;
-    min-height: auto;
-    height: 1080px;
-    overflow: auto;
-    .top {
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 80px;
-      background-color: transparent;
-      background: url(../../assets/img/top_nav.png) no-repeat;
-      background-position: 65% 0;
-      border: none;
-      overflow: hidden;
-    }
-  }
-}
-</style>
+<style lang="less" scoped></style>

src/views/page2/cmap.vue

@@ -148,8 +148,8 @@ export default {
   position: absolute;
   padding: 0px;
   margin: 0px;
-  width: 100vw;
-  height: 100vh;
+  width: 1920px;
+  height: 1080px;
   z-index: 8;
 
   &::after {

src/views/page2/index.vue

@@ -49,15 +49,6 @@ export default {
     top: 120px;
   }
   ::v-deep {
-    .top {
-      z-index: 10;
-    }
-    .box {
-      left: 0;
-      top: 0;
-      padding: 0;
-      z-index: 9;
-    }
     .bg {
       position: absolute;
       z-index: 9;