<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>
  <div class="flex flex-col h-screen">
    <customHeader></customHeader>
  <div class="bg-[url('@/assets/image/bg-pc.png')] bg-cover bg-center flex-1" style="margin: 80px 0;">
    <router-view />
  </div>
  <customFooter></customFooter>
  </div>
</template>

<style scoped lang="scss">
main {
  padding: var(--header-height, 80px) 0 0;
}
</style>
