前端VUE管理页面大致布局:
<template>
<div>
<!-- 外层容器 -->
<el-container>
<!-- 上半区域:顶栏 -->
<el-header></el-header>
<!-- 下半区域 -->
<el-container>
<!-- 下半区域 左侧 边栏 -->
<el-aside></el-aside>
<!-- 下半区域 右侧 主体 -->
<el-main>
<!-- 由其他视图组件来显示 -->
<router-view/>
</el-main>
</el-container>
</el-container>
</div>
</template>