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

add header

Browse Source
This commit is contained in:
lb
2023-09-10 15:09:12 +08:00
parent e87bca96d6
commit 6c1435c7ff
16 changed files with 1594 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/index.jsx
View File

@@ -1,7 +1,7 @@
import { useEffect, useState } from 'react';
import './global.less';
import './index.less';
import Head from '../components/Head';
import Header from '../components/yx-dark/Header';
import LeftBar from '../components/LeftBar';
import BottomBar from '../components/BottomBar';
import RightBar from '../components/RightBar';
@@ -9,11 +9,8 @@ import CenterTopData from '../components/CenterTopData';
import Slider from '../components/Slider';
import { SocketContextProvider } from '../store/socket-data-provider';
import V3DBG from '../assets/V3DBG.png';
// import V3D from './V3D';
export default function index() {
const [value, setValue] = useState(100);
const [value, setValue] = useState(50);
const v = (value / 100).toFixed(2);
const styles = {
@@ -24,13 +21,11 @@ export default function index() {
useEffect(() => {
let fn = (e) => {
console.log('add fn');
if (e.shiftKey && e.key === 'L') {
document.getElementById('slider').classList.toggle('show');
}
};
let fn2 = () => {
console.log('add fn2');
setTimeout(() => {
document.getElementById('slider').classList.remove('show');
}, 200);
@@ -40,7 +35,6 @@ export default function index() {
document.getElementById('slider').addEventListener('mouseleave', fn2);
return () => {
console.log('remove fn, fn2');
document.removeEventListener('keydown', fn);
document.getElementById('slider').removeEventListener('mouseleave', fn2);
};
@@ -50,20 +44,19 @@ export default function index() {
// <FullScreenContainer>
<SocketContextProvider>
<div id="FullScreen" style={styles}>
<Head />
<Header />
<div className="Main">
<LeftBar />
{/* <LeftBar />
<div className="Center">
<div className="CenterData">
<CenterTopData />
</div>
<img src={V3DBG} alt="图片加载错误" className="V3DBG" />
<div className="V3DBorder">{/* <V3D /> */}</div>
<div className="V3DBorder"></div>
<div className="Button">
<BottomBar />
</div>
</div>
<RightBar />
<RightBar /> */}
</div>
</div>
<Slider handleSlide={setValue} />

14
src/pages/index.less
View File

@@ -1,13 +1,16 @@
#FullScreen {
width: 3840px;
width: 4320px;
height: 1080px;
transform-origin: 'lefttop';
background-color: #040c1c;
background: url(../assets/yx-dark/bg.png) 100% / cover no-repeat;
display: flex;
flex-direction: column;
.Main {
// background: #a935355f;
width: 3840px;
height: 996px;
width: 4320px;
height: 1px;
flex: 1;
background: #ccc3;
display: flex;
flex-direction: row;
@@ -28,7 +31,6 @@
width: 2472px;
height: 640px;
z-index: 1;
box-shadow: inset 0 0 128px 64px #0a2859;
}
.V3DBorder {