foodie-server/foodie_sj_vue/src/views/Manage.vue

<template>
  <div style="height: 100%;">
	<el-container style="height:100%; border: 1px solid #eee">
		<!-- 左边 -->
	  <el-aside width="220px" style="height: 100%;">
	    <Aside></Aside>
	  </el-aside>
	  
	  <el-container>
		  <!-- 顶部 -->
	    <el-header style="text-align: center;">
			<Header></Header>
	    </el-header>
	    
		<!-- 主体 -->
	    <el-main>
	      <router-view/>
	    </el-main>
	  </el-container>
	</el-container>
  </div>
</template>

<script>
import Aside from "@/components/Aside.vue";
import Header from "@/components/Header.vue";
 export default {
	 components:{
		 Aside,Header
	},
     data() {
     }
	 
   };
</script>
<style>
  .el-header {
    background-color: #B3C0D1;
    color: #333;
    line-height: 60px;
  }
  
  .el-aside {
    color: #333;
  }
</style>