bigScreen/src/views/pageBox/index.vue

<template>
  <section id="pageBox">
    <div class="wrapper">
      <comHeader></comHeader>
      <!-- <main class="mt-[4.8vh]"> -->
      <main class="mt-[2%]">
        <router-view></router-view>
      </main>
    </div>
  </section>
</template>

<script>
import comHeader from "@/components/comHeader/comHeader.vue";
export default {
  components: {
    comHeader,
  },
};
</script>

<style lang="scss" scoped>
#pageBox {
  // padding-top: 56.26%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("@/assets/img/bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}
</style>