add Header
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user