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

update 窑炉内部

Browse Source
This commit is contained in:
lb 2023-11-06 09:14:44 +08:00
parent 4a8f81592c
commit a93c6b37bc
3 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/video-layer-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 394 KiB

9
src/components/模块组件/窑炉内部/Center/index.jsx
View File

@ -90,9 +90,10 @@ function KilnCenter() {
<div <div
className="video-wrapper" className="video-wrapper"
style={{ style={{
flex: 1, // flex: 1,
// background: '#ccc3', // background: '#ccc3',
width: '100%', width: '100%',
height: '736px',
}} // , top: '10%', left: '10%', position: 'absolute' }} }} // , top: '10%', left: '10%', position: 'absolute' }}
> >
<video <video
@ -105,8 +106,10 @@ function KilnCenter() {
></video> ></video>
</div> </div>
<div className={cls.videoLayer2}></div>
{/* left side */} {/* left side */}
<div {/* <div
className="leftSide" className="leftSide"
style={{ style={{
position: 'absolute', position: 'absolute',
@ -161,7 +164,7 @@ function KilnCenter() {
className="tlj tlj2" className="tlj tlj2"
style={{ background: '#ccc', width: '200px', height: '100px' }} style={{ background: '#ccc', width: '200px', height: '100px' }}
></div> ></div>
</div> </div> */}
</div> </div>
); );
} }

11
src/components/模块组件/窑炉内部/Center/index.module.css
View File

@ -23,3 +23,14 @@
.menuItem:not(:first-child) { .menuItem:not(:first-child) {
margin-left: 50px; margin-left: 50px;
} }
.videoLayer2 {
width: 2416px;
height: 689px;
background: url(../../../../assets/video-layer-2.png) no-repeat;
background-size: 100% 100%;
background-position: 0 0;
position: absolute;
top: 152px;
left: 32px;
}