clear
Former-commit-id: e2bfcb0f40765724b17e13056e8293ec271efefb [formerly e2bfcb0f40765724b17e13056e8293ec271efefb [formerly e2bfcb0f40765724b17e13056e8293ec271efefb [formerly e2bfcb0f40765724b17e13056e8293ec271efefb [formerly 5793d72d458b7eeaf28a097d026168cebc9fc256 [formerly 9c8de3644bd40a55711e618742e29cce390e4c5f]]]]] Former-commit-id: 05ca3c8da65f8583c142720628aa6ea71d2dbf45 Former-commit-id: 7a4d2fba696e901db86071ea2810e9c932c976ad Former-commit-id: c18d3689200ca0e528fbf9bf171f6e1b50131bc3 [formerly 455e9952ca890cd8ad882250cfb9eabd944d44ee] Former-commit-id: 021fa8191681fe4f22e9a9f40389831a847e9066 Former-commit-id: 1022b7792417ce366901b9d5284762a015dd6d26 Former-commit-id: bed799410be508713cac76b7c8cf02d4457fe996 Former-commit-id: f6787cfaac3404132ad1011e2707e08484708ca9 Former-commit-id: 7a8a3baca9ef30393744fd56def6d608b51dcddd
This commit is contained in:
@@ -1,94 +0,0 @@
|
||||
<template>
|
||||
<d2-container>
|
||||
|
||||
<el-container class="d2-mb">
|
||||
<el-header>顶栏</el-header>
|
||||
<el-main>主体</el-main>
|
||||
</el-container>
|
||||
|
||||
<el-container class="d2-mb">
|
||||
<el-header>顶栏</el-header>
|
||||
<el-main>主体</el-main>
|
||||
<el-footer>底栏</el-footer>
|
||||
</el-container>
|
||||
|
||||
<el-container class="d2-mb">
|
||||
<el-aside width="200px">侧边栏</el-aside>
|
||||
<el-main>主体</el-main>
|
||||
</el-container>
|
||||
|
||||
<el-container class="d2-mb">
|
||||
<el-header>顶栏</el-header>
|
||||
<el-container>
|
||||
<el-aside width="200px">侧边栏</el-aside>
|
||||
<el-main>主体</el-main>
|
||||
</el-container>
|
||||
</el-container>
|
||||
|
||||
<el-container class="d2-mb">
|
||||
<el-header>顶栏</el-header>
|
||||
<el-container>
|
||||
<el-aside width="200px">侧边栏</el-aside>
|
||||
<el-container>
|
||||
<el-main>主体</el-main>
|
||||
<el-footer>底栏</el-footer>
|
||||
</el-container>
|
||||
</el-container>
|
||||
</el-container>
|
||||
|
||||
<el-container class="d2-mb">
|
||||
<el-aside width="200px">侧边栏</el-aside>
|
||||
<el-container>
|
||||
<el-header>顶栏</el-header>
|
||||
<el-main>主体</el-main>
|
||||
</el-container>
|
||||
</el-container>
|
||||
|
||||
<el-container>
|
||||
<el-aside width="200px">侧边栏</el-aside>
|
||||
<el-container>
|
||||
<el-header>顶栏</el-header>
|
||||
<el-main>主体</el-main>
|
||||
<el-footer>底栏</el-footer>
|
||||
</el-container>
|
||||
</el-container>
|
||||
|
||||
</d2-container>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.el-header, .el-footer {
|
||||
background-color: #B3C0D1;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
}
|
||||
|
||||
.el-aside {
|
||||
background-color: #D3DCE6;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
line-height: 200px;
|
||||
}
|
||||
|
||||
.el-main {
|
||||
background-color: #E9EEF3;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
line-height: 160px;
|
||||
}
|
||||
|
||||
body > .el-container {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.el-container:nth-child(5) .el-aside,
|
||||
.el-container:nth-child(6) .el-aside {
|
||||
line-height: 260px;
|
||||
}
|
||||
|
||||
.el-container:nth-child(7) .el-aside {
|
||||
line-height: 320px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user