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

add layout

Browse Source
This commit is contained in:
lb
2023-09-10 16:02:37 +08:00
parent 6c1435c7ff
commit b619c8b90b
18 changed files with 116 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/index.jsx
View File

@@ -2,12 +2,13 @@ import { useEffect, useState } from 'react';
import './global.less';
import './index.less';
import Header from '../components/yx-dark/Header';
import LeftBar from '../components/LeftBar';
import BottomBar from '../components/BottomBar';
import RightBar from '../components/RightBar';
import CenterTopData from '../components/CenterTopData';
// import LeftBar from '../components/LeftBar';
// import BottomBar from '../components/BottomBar';
// import RightBar from '../components/RightBar';
// import CenterTopData from '../components/CenterTopData';
import Slider from '../components/Slider';
import { SocketContextProvider } from '../store/socket-data-provider';
import MainContainer from '../components/yx-dark/MainContainer';
export default function index() {
const [value, setValue] = useState(50);
@@ -45,8 +46,9 @@ export default function index() {
<SocketContextProvider>
<div id="FullScreen" style={styles}>
<Header />
<div className="Main">
{/* <LeftBar />
<MainContainer />
{/* <div className="Main">
<LeftBar />
<div className="Center">
<div className="CenterData">
<CenterTopData />
@@ -56,8 +58,8 @@ export default function index() {
<BottomBar />
</div>
</div>
<RightBar /> */}
</div>
<RightBar />
</div> */}
</div>
<Slider handleSlide={setValue} />
</SocketContextProvider>

10
src/pages/index.less
View File

@@ -1,11 +1,13 @@
#FullScreen {
width: 4320px;
height: 1080px;
background: url(../assets/yx-dark/bg.png) 100% / cover no-repeat;
background: url(../components/yx-dark/images/bg.png) 100% / cover no-repeat;
display: flex;
flex-direction: column;
position: relative;
.Main {
margin-top: 100px;
// background: #a935355f;
width: 4320px;
height: 1px;
@@ -15,9 +17,9 @@
flex-direction: row;
.Center {
margin: 22px;
width: 2472px;
height: 940px;
height: 100%;
width: 1px;
flex: 1;
.CenterData {
position: absolute;