njDaTuSha/src/pages/index.vue

<template>
  <div class="container">
    <div class="aud abs"></div>
    <Pg1 />
    <Pg2 />
    <Pg3 />
  </div>
</template>

<script setup>
import { onMounted } from 'vue';
import parallaxing from '@/utils/parallaxing.js';

import Pg1 from './pg1/index.vue';
import Pg2 from './pg2/index.vue';
import Pg3 from './pg3/index.vue';

onMounted(() => {
  parallaxing()
})

</script>

<style lang="less">
.container {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow-y: auto;
  
  .aud {
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    background-image: url('./images/pg1/音乐按钮.png');
    background-size:100% 100%;
    z-index: 100;
  }

  .abs {
    position: absolute;
  }

  .pg {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}
</style>