fix: 大屏出现滚动条后的全局样式调整

src/views/pageBox/index.vue

@@ -2,7 +2,8 @@
   <section id="pageBox">
     <div class="wrapper">
       <comHeader></comHeader>
-      <main class="mt-[4.8vh]">
+      <!-- <main class="mt-[4.8vh]"> -->
+      <main class="mt-[2%]">
         <router-view></router-view>
       </main>
     </div>
@@ -10,7 +11,7 @@
 </template>
 
 <script>
-import comHeader from '@/components/comHeader/comHeader.vue';
+import comHeader from "@/components/comHeader/comHeader.vue";
 export default {
   components: {
     comHeader,
@@ -20,7 +21,7 @@ export default {
 
 <style lang="scss" scoped>
 #pageBox {
-  padding-top: 56.26%;
+  // padding-top: 56.26%;
   position: absolute;
   top: 0;
   left: 0;
@@ -34,9 +35,9 @@ export default {
   left: 0;
   width: 100%;
   height: 100%;
-  background-image: url('@/assets/img/bg.png');
+  background-image: url("@/assets/img/bg.png");
   background-size: cover;
   background-repeat: no-repeat;
-  background-position: center;
+  background-position: center top;
 }
 </style>