update layout complete
This commit is contained in:
parent
7029191579
commit
ab954d3695
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -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>
|
||||
|
@ -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 {
|
||||
|
Loading…
Reference in New Issue
Block a user