2023-04-21 09:39:56 +00:00
|
|
|
<script setup lang="ts">
|
|
|
|
import KUNGalgameTopBar from "@/components/KUNGalgameTopBar.vue";
|
2023-04-18 08:04:47 +00:00
|
|
|
import MainPageContent from "./content/MainPageContent.vue";
|
2023-04-18 09:26:47 +00:00
|
|
|
import MainPageFooter from "./footer/MainPageFooter.vue";
|
2023-04-14 13:58:13 +00:00
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<!-- 可视部分的容器 -->
|
|
|
|
<div class="visual-wrapper">
|
2023-04-21 09:39:56 +00:00
|
|
|
<KUNGalgameTopBar/>
|
2023-04-18 09:26:47 +00:00
|
|
|
<MainPageContent />
|
|
|
|
<MainPageFooter />
|
2023-04-14 13:58:13 +00:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
2023-04-18 09:26:47 +00:00
|
|
|
<style scoped>
|
2023-04-14 13:58:13 +00:00
|
|
|
.visual-wrapper {
|
|
|
|
height: 1500px;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
2023-04-19 14:08:50 +00:00
|
|
|
background-image: url(../../assets/images/bg/bg1.png);
|
|
|
|
/* background-image: url(../../assets/images/bg/bg2.png); */
|
2023-04-14 13:58:13 +00:00
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center;
|
|
|
|
background-size: cover;
|
2023-05-01 15:06:46 +00:00
|
|
|
min-width: 800px;
|
2023-04-14 13:58:13 +00:00
|
|
|
font-family: "adobe-clean", "Source Sans Pro", -apple-system,
|
|
|
|
"BlinkMacSystemFont", "Segoe UI,Roboto", sans-serif;
|
|
|
|
}
|
|
|
|
</style>
|