From 77ac6b72ed82d51d0d45bf156ac1b5bb3cb15782 Mon Sep 17 00:00:00 2001
From: Junjie <xjj@123>
Date: 星期二, 19 三月 2024 14:01:43 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/App.jsx | 38 ++++++++++++++++++++++++++++----------
1 files changed, 28 insertions(+), 10 deletions(-)
diff --git a/zy-asrs-flow/src/App.jsx b/zy-asrs-flow/src/App.jsx
index 30792eb..9283200 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, Brightness } from '@/components';
+import { Footer, Question, SelectLang, AvatarDropdown, AvatarName, Brightness, LayoutSwitch, FullScreen } from '@/components';
import { LinkOutlined } from '@ant-design/icons';
import { SettingDrawer } from '@ant-design/pro-components';
import { history, Link } from '@umijs/max';
@@ -85,18 +85,29 @@
// 浼樺厛绾� layout > config > defaultSetting
export const layout = ({ initialState, setInitialState }) => {
const [darkMode, setDarkMode] = React.useState(() => {
- return JSON.parse(localStorage.getItem('darkMode')) || false;
+ const storedValue = localStorage.getItem('darkMode');
+ return storedValue !== null ? JSON.parse(storedValue) : false;
});
+
+ const [layoutMode, setLayoutMode] = React.useState(() => {
+ const storedValue = localStorage.getItem('layoutMode');
+ return storedValue !== null ? JSON.parse(storedValue) : true;
+ });
+
+ const [fullScreen, setFullScreen] = React.useState(false);
React.useEffect(() => {
localStorage.setItem('darkMode', JSON.stringify(darkMode));
- }, [darkMode]);
+ localStorage.setItem('layoutMode', JSON.stringify(layoutMode));
+ }, [darkMode, layoutMode]);
return {
actionsRender: () => [
- <Brightness darkMode={darkMode} setDarkMode={setDarkMode} />,
// <Question key="doc" />,
- // <SelectLang key="SelectLang" />
+ <SelectLang key="SelectLang" />,
+ <FullScreen fullScreen={fullScreen} setFullScreen={setFullScreen} />,
+ <LayoutSwitch layoutMode={layoutMode} setLayoutMode={setLayoutMode} />,
+ <Brightness darkMode={darkMode} setDarkMode={setDarkMode} />,
],
avatarProps: {
src: initialState?.currentUser?.avatar,
@@ -169,7 +180,7 @@
return (
<>
{children}
- {isDev && (
+ {/* {isDev && (
<SettingDrawer
disableUrlParams
enableDarkTheme
@@ -182,12 +193,12 @@
}));
}}
/>
- )}
+ )} */}
</>
);
},
...initialState?.settings,
- layout: 'mix', // layout 鐨勮彍鍗曟ā寮忥紝side锛氬彸渚у鑸紝top锛氶《閮ㄥ鑸�
+ layout: layoutMode ? 'top' : 'mix', // layout 鐨勮彍鍗曟ā寮忥紝side锛氬彸渚у鑸紝top锛氶《閮ㄥ鑸�
// contentStyle: () => { // layout 鐨勫唴瀹瑰尯 style
// return
// },
@@ -199,8 +210,15 @@
// navTheme: 'realDark', // 榛樿涓婚棰滆壊 "realDark" | "light" | undef...
navTheme: darkMode ? 'realDark' : 'light',
footerRender: false, // 椤佃剼 鍚敤璇锋敞閲婏紝涓嶆槸璁剧疆涓簍rue
- logo: darkMode ? logo : logoDark,
- title: false,
+ logo: darkMode
+ ? <img src={logo} className='header-logo' />
+ : <img src={logoDark} className='header-logo' />
+ ,
+ title: (
+ <div className='header-title'>
+ </div>
+ ),
+ colorWeak: true,
};
};
--
Gitblit v1.9.1