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

init

Browse Source
This commit is contained in:
lb
2023-06-30 11:08:43 +08:00
commit 3c69bc58bf
131 changed files with 4841 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/V3D/V3D1.jsx Normal file
View File

@@ -0,0 +1,12 @@
import React from 'react'
import V3D from "../../components/V3DComp/V3DApp1"
import './V3D1.less'
export default function V3D1() {
return (
<>
<V3D />
</>
)
}

0
src/pages/V3D/V3D1.less Normal file
View File

13
src/pages/V3D/index.jsx Normal file
View File

@@ -0,0 +1,13 @@
import React, { Component } from 'react';
import V3D1 from './V3D1.jsx';
import './index.less';
export default class index extends Component {
render() {
return (
<div className="CenterV3DBorderinside">
<V3D1 />
</div>
);
}
}

5
src/pages/V3D/index.less Normal file
View File

@@ -0,0 +1,5 @@
.CenterV3DBorderinside {
width: 100%;
height: 100%;
}

14
src/pages/document.ejs Normal file
View File

@@ -0,0 +1,14 @@
<head>
<script src="<%= context.publicPath %>./v3d.js"></script>
<script src="<%= context.publicPath %>./font.css"></script>
</head>
<body>
<div id="root">
</div>
<div id="v1" style="color: brown;">
</div>
</body>

16
src/pages/global.less Normal file
View File

@@ -0,0 +1,16 @@
.flex {
display: flex;
}
.justify-between {
justify-content: space-between;
}
.w-full {
width: 100%;
}
.h-full {
height: 100%;
}

40
src/pages/index.jsx Normal file
View File

@@ -0,0 +1,40 @@
import React from 'react';
import { useEffect, useState } from 'react';
import './global.less';
import './index.less';
import Head from '../components/Head';
import LeftBar from '../components/LeftBar';
import BottomBar from '../components/BottomBar';
import RightBar from '../components/RightBar';
import CenterTopData from '../components/CenterTopData';
import V3DBG from '../assets/V3DBG.png';
import V3D from './V3D';
export default function index() {
const [width, setWidth] = useState(window.innerWidth);
return (
// <FullScreenContainer>
<div id="FullScreen">
<Head />
<div className="Main">
<LeftBar />
<div className="Center">
<div className="CenterData">
<CenterTopData />
</div>
<img src={V3DBG} alt="图片加载错误" className="V3DBG" />
<div className="V3DBorder">{/* <V3D /> */}</div>
<div className="Button">
<BottomBar />
</div>
</div>
<RightBar />
</div>
</div>
// </FullScreenContainer>
);
}

52
src/pages/index.less Normal file
View File

@@ -0,0 +1,52 @@
#FullScreen {
width: 3840px;
height: 1080px;
transform-origin: 'lefttop';
background-color: #040c1c;
.Main {
background: #a935355f;
width: 3840px;
height: 996px;
display: flex;
flex-direction: row;
.Center {
background: #ce862f69;
margin-top: 21px;
margin-left: 24px;
padding: 1px;
width: 2472px;
height: 940px;
.CenterData {
position: absolute;
width: 2472px;
height: 240px;
z-index: 2;
}
.V3DBG {
position: absolute;
width: 2472px;
height: 642px;
z-index: 1;
}
.V3DBorder {
width: 100%;
height: 486px;
margin-top: 160px;
background: url('../assets/3D.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.Button {
width: 100%;
height: 306px;
margin-top: -05px;
}
}
}
}