mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-14 17:31:02 +08:00
46 lines
1.0 KiB
Vue
46 lines
1.0 KiB
Vue
|
<template>
|
||
|
|
<div class="common-layout">
|
||
|
|
<el-container>
|
||
|
|
<el-aside
|
||
|
|
width="200px"
|
||
|
|
style="
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
background-color: #d3dce6;
|
||
|
|
"
|
||
|
|
>Aside</el-aside
|
||
|
|
>
|
||
|
|
<el-container>
|
||
|
|
<el-header
|
||
|
|
style="
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
background-color: #b3c0d1;
|
||
|
|
"
|
||
|
|
>Header</el-header
|
||
|
|
>
|
||
|
|
<el-main
|
||
|
|
style="
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
background-color: #e9eef3;
|
||
|
|
"
|
||
|
|
>Main</el-main
|
||
|
|
>
|
||
|
|
<el-footer
|
||
|
|
style="
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
background-color: #b3c0d1;
|
||
|
|
"
|
||
|
|
>Footer</el-footer
|
||
|
|
>
|
||
|
|
</el-container>
|
||
|
|
</el-container>
|
||
|
|
</div>
|
||
|
|
</template>
|