From 70fd9528e6e00a12ed9b70c253c557aa5055ce8e Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 26 二月 2024 09:38:48 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/App.jsx | 46 +++++++++++++++++++++++++++++++---------------
1 files changed, 31 insertions(+), 15 deletions(-)
diff --git a/zy-asrs-flow/src/App.jsx b/zy-asrs-flow/src/App.jsx
index 270646e..f9725c3 100644
--- a/zy-asrs-flow/src/App.jsx
+++ b/zy-asrs-flow/src/App.jsx
@@ -1,5 +1,5 @@
import React from 'react';
-import { Footer, Question, SelectLang, AvatarDropdown, AvatarName } from '@/components';
+import { Footer, Question, SelectLang, AvatarDropdown, AvatarName, Brightness } from '@/components';
import { LinkOutlined } from '@ant-design/icons';
import { SettingDrawer } from '@ant-design/pro-components';
import { history, Link } from '@umijs/max';
@@ -14,10 +14,9 @@
const isDev = process.env.NODE_ENV === 'development';
const loginPath = '/user/login';
const defaultAvatar = 'https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png'
+import logo from '../public/img/logo.png'
// https://xflow.antv.vision/zh-CN/docs/tutorial/solutions/dag DAG 娴佺▼鍥�
-// https://ant-design.antgroup.com/components/table-cn 琛ㄦ牸
-// https://procomponents.ant.design/components/form 琛ㄥ崟pro
export function render(oldRender) {
const token = getToken();
if (!token || token?.length === 0) {
@@ -83,8 +82,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: () => [<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 />,
@@ -104,9 +115,6 @@
}
return getRemoteMenu();
},
- },
- waterMarkProps: {
- // content: initialState?.currentUser?.nickname,
},
footerRender: () => <Footer />,
onPageChange: () => {
@@ -148,14 +156,8 @@
width: '331px',
},
],
- links: isDev
- ? [
- <Link key="openapi" to="/umi/plugin/openapi" target="_blank">
- <LinkOutlined />
- <span>OpenAPI 鏂囨。</span>
- </Link>,
- ]
- : [],
+ // 鏄剧ず鍦ㄨ彍鍗曞彸涓嬭鐨勫揩鎹锋搷浣�
+ links: [],
menuHeaderRender: undefined,
// 鑷畾涔� 403 椤甸潰
// unAccessible: <div>unAccessible</div>,
@@ -171,6 +173,7 @@
enableDarkTheme
settings={initialState?.settings}
onSettingChange={(settings) => {
+ console.log(settings);
setInitialState((preInitialState) => ({
...preInitialState,
settings,
@@ -182,6 +185,19 @@
);
},
...initialState?.settings,
+ layout: 'mix', // layout 鐨勮彍鍗曟ā寮忥紝side锛氬彸渚у鑸紝top锛氶《閮ㄥ鑸�
+ // contentStyle: () => { // layout 鐨勫唴瀹瑰尯 style
+ // return
+ // },
+ contentWidth: 'Fluid', // layout 鐨勫唴瀹规ā寮忥紝Fluid锛氳嚜閫傚簲锛堝叏灞忥級锛孎ixed锛氬畾瀹� 锛堝皬锛� 1200px
+ fixedHeader: true, // 鍥哄畾 header
+ fixSiderbar: true, // 鍥哄畾瀵艰埅
+ // settings: defaultSettings, // layout 鐨勮缃�
+ // waterMarkProps: { content: initialState?.currentUser?.nickname }, //姘村嵃
+ // navTheme: 'realDark', // 榛樿涓婚棰滆壊 "realDark" | "light" | undef...
+ navTheme: darkMode ? 'realDark' : 'light',
+ footerRender: false, // 椤佃剼 鍚敤璇锋敞閲婏紝涓嶆槸璁剧疆涓簍rue
+ logo: logo,
};
};
--
Gitblit v1.9.1