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