<template>
|
<el-container>
|
<el-header class="el-header">
|
<slot name="header"></slot>
|
</el-header>
|
<el-container>
|
<el-aside class="el-aside">
|
<el-scrollbar>
|
<slot name="aside"></slot>
|
</el-scrollbar>
|
</el-aside>
|
<el-main class="el-main">
|
<slot name="main"></slot>
|
</el-main>
|
</el-container>
|
</el-container>
|
</template>
|
|
<script>
|
export default {
|
// 右侧操作界面基础布局
|
};
|
</script>
|
|
<style scoped>
|
.el-aside {
|
/* width: initial; */
|
position: relative;
|
height: calc(100vh - 60px * 2 - 20px * 2);
|
/* background-color: aqua; */
|
/* overflow-y: auto; */
|
border-right: 1px solid var(--el-color-info-light-7);
|
}
|
|
.el-header {
|
/* height: initial; */
|
padding: 0;
|
/* background-color: rgb(216, 201, 201); */
|
/* border-bottom: 1px solid var(--el-color-info-light-7); */
|
}
|
|
.el-main {
|
position: relative;
|
/* background-color: whitesmoke; */
|
height: calc(100vh - 60px * 2 - 20px * 2);
|
padding: initial;
|
padding-left: 20px;
|
/* overflow: hidden; */
|
}
|
</style>
|
