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,6 +1,7 @@
.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;

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 {