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

update lunbo

Browse Source
This commit is contained in:
lb 2024-01-26 17:19:39 +08:00
parent 6cf533e718
commit 4374260acd
4 changed files with 47 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/video/enter.webm
View File

Binary file not shown.

BIN
public/video/floor1.webm Normal file
View File

Binary file not shown.

38
src/App.js
View File

@ -7,6 +7,7 @@ import { useEffect, useState } from "react";
import Home from "./pages/Home";
import EnergyAnalysis from "./pages/EnergyCostAnalysis";
import RulerContainer from "./components/Tools/Ruler";
import { Switch } from "antd";
import { createPortal } from "react-dom";
const Menus = ["窑炉总览", "窑炉内部", "退火监测", "质检统计", "能耗分析"];
@ -14,16 +15,23 @@ const Menus = ["窑炉总览", "窑炉内部", "退火监测", "质检统计", "
function App() {
const { styles, value, setValue } = useSlider(100);
const [navActive, setNavActive] = useState("窑炉总览");
const [lunbo, setlunbo] = useState(false);
useEffect(() => {
const timer = setInterval(() => {
handleMenuChange(Menus[(Menus.indexOf(navActive) + 1) % Menus.length]);
}, 10000);
let timer;
if (lunbo) {
timer = setInterval(() => {
handleMenuChange(Menus[(Menus.indexOf(navActive) + 1) % Menus.length]);
}, 5000);
}
return () => {
clearInterval(timer);
};
}, [navActive]);
}, [lunbo, navActive]);
function handleSwitchChange(val) {
setlunbo(val);
}
function handleMenuChange(value) {
setNavActive(value);
@ -34,7 +42,25 @@ function App() {
<div id="FullScreen" style={{ ...styles, overflow: "hidden" }}>
<NavMenu active={navActive} onChangeActive={handleMenuChange} />
<Head />
<div
className="lunbo-setting"
style={{
position: "fixed",
top: "64px",
right: "680px",
display: "flex",
alignItems: "center",
gap: "16px",
}}
>
<span style={{ fontSize: "20px", color: "#00fff7" }}>模块轮播</span>
<Switch
className="lunbo-btn"
size="small"
value={lunbo}
onChange={handleSwitchChange}
/>
</div>
{navActive == "能耗分析" && <EnergyAnalysis />}
{navActive == "能耗分析" && <div className="bgDitu"></div>}
{navActive != "能耗分析" && <Home active={navActive} />}

15
src/index.css
View File

@ -139,3 +139,18 @@ body {
.dv-scroll-board .header .header-item:not(:first-child) {
border-left: 1px solid #0004;
}
.lunbo-btn.ant-switch {
background: #095063 !important;
}
.lunbo-btn.ant-switch .ant-switch-handle::before {
background: #c0f7ff !important;
}
.lunbo-btn.ant-switch-checked {
background: #00fff7 !important;
}
.lunbo-btn.ant-switch-checked .ant-switch-handle::before {
background: #c0f7ff !important;
}