<template>
<div>
<el-container style="position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;">
<el-header>Header</el-header>
<el-container>
<el-aside width="200px">Aside</el-aside>
<el-main>
<router-view></router-view>
Main
</el-main>
</el-container>
</el-container>
</div>
</template>
<script>
export default {
}
</script>
<style>
.el-header {
background-color: #B3C0D1;
color: #333;
}
.el-aside {
background-color: #D3DCE6;
color: #333;
}
.el-main {
background-color: #E9EEF3;
color: #333;
}
</style>
2020-12-28-el-container占满全屏方法
于 2020-12-28 13:49:05 首次发布