update layout complete

This commit is contained in:
lb 2023-09-10 19:48:53 +08:00
parent 7029191579
commit ab954d3695
3 changed files with 37 additions and 31 deletions

View File

@ -1,33 +1,34 @@
.leftbox {
// width: 440px;
// background: rgb(127, 202, 42);
.box {
margin-right: 16px;
width: 200px;
padding: 8px;
background: url(../../../assets/CenterChart2ItemBg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
display: flex;
align-items: flex-start;
user-select: none;
// width: 440px;
// background: rgb(127, 202, 42);
height: 98px;
.box__inner {
padding-top: 12px;
.box {
margin-right: 16px;
width: 200px;
padding: 8px;
background: url(../../../assets/CenterChart2ItemBg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
display: flex;
align-items: flex-start;
user-select: none;
.box__label {
color: #fffa;
font-size: 18px;
line-height: 14px;
}
.box__value {
color: #fff;
font-weight: 400;
font-size: 30px;
line-height: 34px;
}
}
}
.box__inner {
padding-top: 12px;
.box__label {
color: #fffa;
font-size: 18px;
line-height: 14px;
}
.box__value {
color: #fff;
font-weight: 400;
font-size: 30px;
line-height: 34px;
}
}
}
}

View File

@ -8,12 +8,15 @@ import FaultType from '../BottomBar/FaultType';
import GasFlow from '../BottomBar/gasii';
import WindFlow from '../BottomBar/gasi';
import SpecPL from '../BottomBar/SpecPL';
import CenterTopBox from '../CenterTopData/LeftBoxes';
export default (props) => {
return (
<div className="main-container">
<LeftContent className="left"></LeftContent>
<div className="main-center"></div>
<div className="main-center">
<CenterTopBox />
</div>
<Bottom title="产线缺陷统计" className="bottom-1">
<FaultTotal />
</Bottom>

View File

@ -15,7 +15,9 @@
.main-center {
grid-area: main;
background: url(../images/3d.png) 100% 100% / contain no-repeat;
background: url(../images/3d.png) 100% 80% / contain no-repeat;
display: flex;
justify-content: center;
}
.left {