File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<template>
<div>
<div class="header-box">
<Header></Header>
</div>
<div class="main-box">
<div class="flex justify-between">
<Side></Side>
<div>
<div v-if="$route.name === 'MyPlan'" class="main-wrap-plan">
<router-view />
</div>
<div v-else-if="$route.name === 'MyPage'" class="main-wrap-mypage">
<router-view />
</div>
<div v-else class="main-wrap">
<router-view />
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import Header from '../../layout/Header.vue';
import Menu from '../../layout/Menu.vue';
import Side from '../../layout/Side.vue';
export default {
data() {
return {};
},
methods: {},
watch: {},
computed: {},
components: {
Header: Header,
Menu: Menu,
// Footer:Footer,
Side: Side,
},
mounted() {
console.log('main mounted');
},
};
</script>
<style scoped>
.header-box {
position: relative;
z-index: 200;
}
.main-box {
position: relative;
z-index: 100;
padding: 0px 60px;
margin-top: -80px;
}
</style>