fiee-official-website/src/views/index/size375/index.vue

<script setup>
import { NCarousel, NDivider, NMarquee, NPopselect } from 'naive-ui'
import { onUnmounted, ref, watch, onMounted, computed } from 'vue'

import customHeader from '@/components/customHeader/index.vue'
import customFooter from '@/components/customFooter/index.vue'
</script>

<template>
  <!-- <header className="header">
  375
  </header> -->
  <!-- <main ref="main"></main> -->

  <customHeader />
  <div style="margin: 80px 0; position: relative; min-height: 100vh;">
    <div class="background-image"></div>
    <router-view />
  </div>
  <customFooter />
</template>

<style scoped lang="scss">
main {
  padding: var(--header-height, 80px) 0 0;
}
.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('@/assets/image/bg-375.png');
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: -1;
}
</style>