From 9f4265ebe05003a2d3e00144d6c3574e11f88835 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Wed, 22 Mar 2023 14:18:22 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E8=8F=9C=E5=8D=95=E5=9B=BA?=
 =?UTF-8?q?=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/compenents/left-menu/index.module.less |  7 +++++
 src/compenents/left-menu/index.tsx         | 36 ++++++++++++----------
 src/index.less                             |  4 +++
 src/pages/home/index.module.less           | 10 ++++--
 4 files changed, 37 insertions(+), 20 deletions(-)

diff --git a/src/compenents/left-menu/index.module.less b/src/compenents/left-menu/index.module.less
index 77ea9cf..771d7ab 100644
--- a/src/compenents/left-menu/index.module.less
+++ b/src/compenents/left-menu/index.module.less
@@ -10,4 +10,11 @@
     margin-left: 38px;
     margin-bottom: 14px;
   }
+
+  .menu-box {
+    width: 200px;
+    height: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
 }
diff --git a/src/compenents/left-menu/index.tsx b/src/compenents/left-menu/index.tsx
index 14dcb76..5a286d4 100644
--- a/src/compenents/left-menu/index.tsx
+++ b/src/compenents/left-menu/index.tsx
@@ -140,23 +140,25 @@ export const LeftMenu: React.FC = () => {
       >
         <img src={logo} className={styles["App-logo"]} />
       </div>
-      <Menu
-        onClick={onClick}
-        style={{
-          width: 200,
-          background: "#ffffff",
-        }}
-        selectedKeys={selectedKeys}
-        openKeys={openKeys}
-        mode="inline"
-        items={items}
-        onSelect={(data: any) => {
-          setSelectedKeys(data.selectedKeys);
-        }}
-        onOpenChange={(keys: any) => {
-          setOpenKeys(keys);
-        }}
-      />
+      <div className={styles["menu-box"]}>
+        <Menu
+          onClick={onClick}
+          style={{
+            width: 200,
+            background: "#ffffff",
+          }}
+          selectedKeys={selectedKeys}
+          openKeys={openKeys}
+          mode="inline"
+          items={items}
+          onSelect={(data: any) => {
+            setSelectedKeys(data.selectedKeys);
+          }}
+          onOpenChange={(keys: any) => {
+            setOpenKeys(keys);
+          }}
+        />
+      </div>
     </div>
   );
 };
diff --git a/src/index.less b/src/index.less
index d3744b6..8fa8cd4 100644
--- a/src/index.less
+++ b/src/index.less
@@ -313,6 +313,10 @@ code {
   background-color: #ffffff !important;
 }
 
+.ant-menu {
+  border-inline-end: none !important;
+}
+
 .ant-menu-item {
   width: calc(100% - 32px) !important;
   margin-left: 16px !important;
diff --git a/src/pages/home/index.module.less b/src/pages/home/index.module.less
index 981bb5b..facd507 100644
--- a/src/pages/home/index.module.less
+++ b/src/pages/home/index.module.less
@@ -1,16 +1,20 @@
 .layout-wrap {
-  width: 100%;
-  min-height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
   display: flex;
   .left-menu {
     width: 200px;
-    height: auto;
+    height: 100%;
     float: left;
   }
   .right-cont {
     flex: 1;
     display: flex;
     flex-direction: column;
+    background-color: #f6f6f6;
     .right-top {
       width: 100%;
       height: 48px;