kun-galgame-vue/src/views/Home/KUNGalgameMainPage.vue

32 lines
845 B
Vue
Raw Normal View History

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>