左侧菜单固定

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
+      <div className={styles["menu-box"]}>
-        onClick={onClick}
+        <Menu
-        style={{
+          onClick={onClick}
-          width: 200,
+          style={{
-          background: "#ffffff",
+            width: 200,
-        }}
+            background: "#ffffff",
-        selectedKeys={selectedKeys}
+          }}
-        openKeys={openKeys}
+          selectedKeys={selectedKeys}
-        mode="inline"
+          openKeys={openKeys}
-        items={items}
+          mode="inline"
-        onSelect={(data: any) => {
+          items={items}
-          setSelectedKeys(data.selectedKeys);
+          onSelect={(data: any) => {
-        }}
+            setSelectedKeys(data.selectedKeys);
-        onOpenChange={(keys: any) => {
+          }}
-          setOpenKeys(keys);
+          onOpenChange={(keys: any) => {
-        }}
+            setOpenKeys(keys);
-      />
+          }}
+        />
+      </div>
     </div>
   );
 };

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;

src/pages/home/index.module.less

@@ -1,16 +1,20 @@
 .layout-wrap {
-  width: 100%;
+  position: fixed;
-  min-height: 100vh;
+  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;