From 02138bcab7c887a0b10e2843d8419a08ca16ac45 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期日, 25 二月 2024 23:46:49 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/App.jsx | 17 +++++++++++++++--
zy-asrs-flow/src/components/RightContent/index.jsx | 34 +++++++++++++++-------------------
zy-asrs-flow/tsconfig.json | 2 +-
3 files changed, 31 insertions(+), 22 deletions(-)
diff --git a/zy-asrs-flow/src/App.jsx b/zy-asrs-flow/src/App.jsx
index f5ebeca..1a2f5bf 100644
--- a/zy-asrs-flow/src/App.jsx
+++ b/zy-asrs-flow/src/App.jsx
@@ -81,8 +81,20 @@
// ProLayout 鏀寔鐨刟pi https://procomponents.ant.design/components/layout
// 浼樺厛绾� layout > config > defaultSetting
export const layout = ({ initialState, setInitialState }) => {
+ const [darkMode, setDarkMode] = React.useState(() => {
+ return JSON.parse(localStorage.getItem('darkMode')) || false;
+ });
+
+ React.useEffect(() => {
+ localStorage.setItem('darkMode', JSON.stringify(darkMode));
+ }, [darkMode]);
+
return {
- actionsRender: () => [<Brightness />, <Question key="doc" />, <SelectLang key="SelectLang" />],
+ actionsRender: () => [
+ <Brightness darkMode={darkMode} setDarkMode={setDarkMode} />,
+ // <Question key="doc" />,
+ // <SelectLang key="SelectLang" />
+ ],
avatarProps: {
src: initialState?.currentUser?.avatar,
title: <AvatarName />,
@@ -181,7 +193,8 @@
fixSiderbar: true, // 鍥哄畾瀵艰埅
// settings: defaultSettings, // layout 鐨勮缃�
// waterMarkProps: { content: initialState?.currentUser?.nickname }, //姘村嵃
- navTheme: 'realDark', // 榛樿涓婚棰滆壊 "realDark" | "light" | undef...
+ // navTheme: 'realDark', // 榛樿涓婚棰滆壊 "realDark" | "light" | undef...
+ navTheme: darkMode ? 'realDark' : 'light',
footerRender: false, // 椤佃剼 鍚敤璇锋敞閲婏紝涓嶆槸璁剧疆涓簍rue
};
};
diff --git a/zy-asrs-flow/src/components/RightContent/index.tsx b/zy-asrs-flow/src/components/RightContent/index.jsx
similarity index 62%
rename from zy-asrs-flow/src/components/RightContent/index.tsx
rename to zy-asrs-flow/src/components/RightContent/index.jsx
index a565679..a023e48 100644
--- a/zy-asrs-flow/src/components/RightContent/index.tsx
+++ b/zy-asrs-flow/src/components/RightContent/index.jsx
@@ -3,8 +3,6 @@
import React from 'react';
import { MoonOutlined, BulbOutlined } from '@ant-design/icons';
-export type SiderTheme = 'light' | 'dark';
-
export const SelectLang = () => {
return (
<UmiSelectLang
@@ -31,21 +29,19 @@
);
};
-export const Brightness = () => {
+export const Brightness = ({ darkMode, setDarkMode }) => {
+ const handleClick = () => {
+ setDarkMode(!darkMode);
+ };
return (
- <>
- <div
- style={{
- display: 'flex',
- height: 26,
- }}
- onClick={() => {
- window.open('https://pro.ant.design/docs/getting-started');
- }}
- >
- {/* <BulbOutlined /> */}
- <MoonOutlined />
- </div>
- </>
- )
-}
+ <div
+ style={{
+ display: 'flex',
+ height: 26,
+ }}
+ onClick={handleClick}
+ >
+ {darkMode ? <BulbOutlined /> : <MoonOutlined />}
+ </div>
+ );
+};
diff --git a/zy-asrs-flow/tsconfig.json b/zy-asrs-flow/tsconfig.json
index d1c6b2b..704800f 100644
--- a/zy-asrs-flow/tsconfig.json
+++ b/zy-asrs-flow/tsconfig.json
@@ -19,5 +19,5 @@
"@@test/*": ["./src/.umi-test/*"]
}
},
- "include": ["./**/*.d.ts", "./**/*.ts", "./**/*.tsx", "src/app.tsx", "src/utils/icon-util.js", "src/pages/User/Login/index1.jsx", "src/components/Footer/index.jsx", "src/components/HeaderDropdown/index.jsx", "src/pages/system/host/components/UpdateForm.jsx", "src/pages/system/host/index.jsx", "src/utils/tree-util.js"]
+ "include": ["./**/*.d.ts", "./**/*.ts", "./**/*.tsx", "src/app.tsx", "src/utils/icon-util.js", "src/pages/User/Login/index1.jsx", "src/components/Footer/index.jsx", "src/components/HeaderDropdown/index.jsx", "src/pages/system/host/components/UpdateForm.jsx", "src/pages/system/host/index.jsx", "src/utils/tree-util.js", "src/components/RightContent/index.jsx"]
}
--
Gitblit v1.9.1