Browse Source

fix: layout调整

feature/three
guoapeng 3 months ago
parent
commit
be4641b835
  1. 13
      src/layouts/default.vue

13
src/layouts/default.vue

@ -76,15 +76,13 @@ onUnmounted(() => {
</el-container>
<el-footer class="footer">
<el-row>
<el-col :span="15">
<el-col :span="16">
<div class="footer-left">
<img src="../assets/images/run.svg" alt="">
<span class="text">机器运行状态</span>
</div>
</el-col>
<el-col :span="1">
<div />
</el-col>
<el-col :span="8">
<div class="footer-right">
<div class="status" />
@ -104,10 +102,11 @@ onUnmounted(() => {
background: #F6F6F6;
.header, .footer {
height: 50px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 20px;
padding: 10px 15px;
}
.header {
color: #393F46;
@ -225,6 +224,7 @@ onUnmounted(() => {
position: relative;
}
.content {
width: 100%;
height: 100%;
background: #fff;
border-radius: 10px;
@ -232,6 +232,7 @@ onUnmounted(() => {
padding: 10px;
}
.footer {
padding-left: 185px !important;
.el-row {
width: 100%;
height: 100%;
@ -249,6 +250,7 @@ onUnmounted(() => {
padding: 0 20px;
}
.footer-left {
border-right: 5px solid #F6F6F6;
img {
height: 60%;
}
@ -259,6 +261,7 @@ onUnmounted(() => {
}
}
.footer-right {
border-left: 10px solid #F6F6F6;
.status {
width: 15px;
height: 15px;

Loading…
Cancel
Save