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

View File

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

View File

@ -15,7 +15,9 @@
.main-center { .main-center {
grid-area: main; 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 { .left {