左侧菜单固定

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,6 +140,7 @@ export const LeftMenu: React.FC = () => {
       >
         <img src={logo} className={styles["App-logo"]} />
       </div>
+      <div className={styles["menu-box"]}>
         <Menu
           onClick={onClick}
           style={{
@@ -158,5 +159,6 @@ export const LeftMenu: React.FC = () => {
           }}
         />
       </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%;
-  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;