mt-fe-group/xuchang-screen
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update layout complete

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
src/components/CenterTopData/LeftBoxes/leftbox.module.less
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 {
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__inner { .box {
padding-top: 12px; 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 { .box__inner {
color: #fffa; padding-top: 12px;
font-size: 18px;
line-height: 14px; .box__label {
} color: #fffa;
font-size: 18px;
.box__value { line-height: 14px;
color: #fff; }
font-weight: 400;
font-size: 30px; .box__value {
line-height: 34px; color: #fff;
} font-weight: 400;
} font-size: 30px;
} line-height: 34px;
}
}
}
} }

5
src/components/yx-dark/MainContainer.jsx
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>

4
src/components/yx-dark/styles/main.module.css
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 {