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
2024-11-19
<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>