From 7d13513857f811515da1e7cddccf6dd9c13dfbd8 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 26 二月 2024 11:10:03 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/App.jsx | 13 ++++++++++---
zy-asrs-flow/src/components/RightContent/index.jsx | 19 ++++++++++++++++++-
zy-asrs-flow/src/components/index.ts | 4 ++--
3 files changed, 30 insertions(+), 6 deletions(-)
diff --git a/zy-asrs-flow/src/App.jsx b/zy-asrs-flow/src/App.jsx
index 7f29aee..cc6252a 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 } from '@/components';
import { LinkOutlined } from '@ant-design/icons';
import { SettingDrawer } from '@ant-design/pro-components';
import { history, Link } from '@umijs/max';
@@ -88,12 +88,19 @@
return JSON.parse(localStorage.getItem('darkMode')) || true;
});
+ const [layoutMode, setLayoutMode] = React.useState(() => {
+ return JSON.parse(localStorage.getItem('layoutMode')) || true;
+ });
+
+
React.useEffect(() => {
localStorage.setItem('darkMode', JSON.stringify(darkMode));
- }, [darkMode]);
+ localStorage.setItem('layoutMode', JSON.stringify(layoutMode));
+ }, [darkMode, layoutMode]);
return {
actionsRender: () => [
+ <LayoutSwitch layoutMode={layoutMode} setLayoutMode={setLayoutMode} />,
<Brightness darkMode={darkMode} setDarkMode={setDarkMode} />,
// <Question key="doc" />,
// <SelectLang key="SelectLang" />
@@ -187,7 +194,7 @@
);
},
...initialState?.settings,
- layout: 'top', // layout 鐨勮彍鍗曟ā寮忥紝side锛氬彸渚у鑸紝top锛氶《閮ㄥ鑸�
+ layout: layoutMode ? 'top' : 'mix', // layout 鐨勮彍鍗曟ā寮忥紝side锛氬彸渚у鑸紝top锛氶《閮ㄥ鑸�
// contentStyle: () => { // layout 鐨勫唴瀹瑰尯 style
// return
// },
diff --git a/zy-asrs-flow/src/components/RightContent/index.jsx b/zy-asrs-flow/src/components/RightContent/index.jsx
index a023e48..50a0d49 100644
--- a/zy-asrs-flow/src/components/RightContent/index.jsx
+++ b/zy-asrs-flow/src/components/RightContent/index.jsx
@@ -1,7 +1,7 @@
import { QuestionCircleOutlined } from '@ant-design/icons';
import { SelectLang as UmiSelectLang } from '@umijs/max';
import React from 'react';
-import { MoonOutlined, BulbOutlined } from '@ant-design/icons';
+import { MoonOutlined, BulbOutlined, InsertRowAboveOutlined, InsertRowLeftOutlined } from '@ant-design/icons';
export const SelectLang = () => {
return (
@@ -45,3 +45,20 @@
</div>
);
};
+
+export const LayoutSwitch = ({ layoutMode, setLayoutMode }) => {
+ const handleClick = () => {
+ setLayoutMode(!layoutMode);
+ };
+ return (
+ <div
+ style={{
+ display: 'flex',
+ height: 26,
+ }}
+ onClick={handleClick}
+ >
+ {layoutMode ? <InsertRowAboveOutlined /> : <InsertRowLeftOutlined />}
+ </div>
+ );
+};
diff --git a/zy-asrs-flow/src/components/index.ts b/zy-asrs-flow/src/components/index.ts
index 8b24539..77d57f9 100644
--- a/zy-asrs-flow/src/components/index.ts
+++ b/zy-asrs-flow/src/components/index.ts
@@ -6,7 +6,7 @@
* 甯冨眬缁勪欢
*/
import Footer from './Footer';
-import { Question, SelectLang, Brightness } from './RightContent';
+import { Question, SelectLang, Brightness, LayoutSwitch } from './RightContent';
import { AvatarDropdown, AvatarName } from './RightContent/AvatarDropdown';
-export { Footer, Question, SelectLang, AvatarDropdown, AvatarName, Brightness };
+export { Footer, Question, SelectLang, AvatarDropdown, AvatarName, Brightness, LayoutSwitch };
--
Gitblit v1.9.1