左侧菜单固定

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;
+  }
 }

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>
   );
 };