|
<script >
|
import AppAside from "./AppAside.vue";
|
import AppHeader from "./AppHeader.vue"
|
export default{
|
data(){
|
return{
|
|
}
|
},
|
methods:{
|
|
}
|
|
}
|
</script>
|
|
<template>
|
<div class="common-layout">
|
<el-container>
|
<AppAside/>
|
<el-container class="header-and-main">
|
<AppHeader/>
|
<el-main class="main-content">
|
<RouterView/>
|
</el-main>
|
</el-container>
|
</el-container>
|
</div>
|
</template>
|
|
<style lang="scss" scoped>
|
|
.header-and-main {
|
flex-direction: column;
|
height: 100vh;
|
}
|
.el-main {
|
// background-color: gainsboro;
|
background-color: rgb(240, 242, 245);
|
// background-color: red;
|
padding: 0;
|
}
|
|
</style>
|
