36 lines
899 B
Vue
36 lines
899 B
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>
|
|
<customHeader></customHeader>
|
|
<div style="margin: 80px 0; position: relative; min-height: 100vh;">
|
|
<div class="background-image"></div>
|
|
<router-view />
|
|
</div>
|
|
<customFooter></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.png');
|
|
background-size: 100% 100%;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-attachment: fixed;
|
|
z-index: -1;
|
|
}
|
|
</style>
|