add Header

This commit is contained in:
lb
2023-05-08 15:15:43 +08:00
parent bf70872359
commit 822df97edd
14 changed files with 162 additions and 3 deletions

View File

@@ -1,10 +1,17 @@
<template>
<div class="home-view">home view</div>
<div class="home-view">
<BigHeader />
<Main />
</div>
</template>
<script>
import BigHeader from '../components/Header.vue'
import Main from '../components/Main.vue'
export default {
name: "HomeView",
components: { BigHeader, Main },
props: {},
data() {
return {};
@@ -15,4 +22,19 @@ export default {
};
</script>
<style scoped></style>
<style scoped lang="scss">
@import '../assets/styles/functions';
.home-view {
// width: 100vw;
// height: 100vh;
height: $actual_height;
width: $actual_width;
overflow: hidden;
background: url(../assets/bg.png) center/cover no-repeat ;
color: white;
background-color: #ccc;
display: flex;
flex-direction: column;
}
</style>