update useSlider

This commit is contained in:
lb 2023-11-01 14:27:01 +08:00
parent e244e35cad
commit 4ce50704f3
2 changed files with 22 additions and 22 deletions

View File

@ -44,5 +44,5 @@ export default function useSlider(defaultSize) {
}; };
}, [value]); }, [value]);
return { styles, setValue, Slider }; return { styles, setValue };
} }

View File

@ -6,36 +6,36 @@ import BottomBar from '../components/模块组件/总览/Bottom';
import RightBar from '../components/模块组件/总览/RightSide'; import RightBar from '../components/模块组件/总览/RightSide';
import CenterTopData from '../components/模块组件/总览/CenterTop'; import CenterTopData from '../components/模块组件/总览/CenterTop';
import { SocketContextProvider } from '../store/socket-data-provider'; import { SocketContextProvider } from '../store/socket-data-provider';
import useSlider from '../hooks/useSlider'; import useSlider, { Slider } from '../hooks/useSlider';
import V3DBG from '../assets/V3DBG.png'; import V3DBG from '../assets/V3DBG.png';
// import V3D from './V3D'; // import V3D from './V3D';
export default function index() { export default function index() {
const { styles, setValue, Slider } = useSlider(75); const { styles, setValue } = useSlider(75);
return ( return (
// <FullScreenContainer> <>
<SocketContextProvider> <SocketContextProvider>
<div id="FullScreen" style={styles}> <div id="FullScreen" style={styles}>
<Head /> <Head />
<div className="Main"> <div className="Main">
<LeftBar /> <LeftBar />
<div className="Center"> <div className="Center">
<div className="CenterData"> <div className="CenterData">
<CenterTopData /> <CenterTopData />
</div> </div>
<img src={V3DBG} alt="图片加载错误" className="V3DBG" /> <img src={V3DBG} alt="图片加载错误" className="V3DBG" />
<div className="V3DBorder">{/* <V3D /> */}</div> <div className="V3DBorder">{/* <V3D /> */}</div>
<div className="Button"> <div className="Button">
<BottomBar /> <BottomBar />
</div>
</div> </div>
<RightBar />
</div> </div>
<RightBar />
</div> </div>
</div> <Slider setValue={setValue} />
<Slider setValue={setValue} /> </SocketContextProvider>
</SocketContextProvider> </>
// </FullScreenContainer>
); );
} }