From 4873418561f746122d8bcee565b937c2d9b1e988 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=B7=8B=E5=84=9A?= <yingshi.07L@gmail.com>
Date: Wed, 2 Jul 2025 20:55:13 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=B7=B7=E5=90=88?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=E4=B8=8B=E7=9A=84=E8=8F=9C=E5=8D=95=E8=BF=87?=
 =?UTF-8?q?=E5=A4=9A=E4=B8=8D=E8=83=BD=E6=BB=9A=E5=8A=A8=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=20(#71)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/LayoutMix.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/layout/LayoutMix.vue b/src/layout/LayoutMix.vue
index b57d6fe..bd19f4c 100644
--- a/src/layout/LayoutMix.vue
+++ b/src/layout/LayoutMix.vue
@@ -5,7 +5,9 @@
       :style="appStore.menuDark ? appStore.themeCSSVar : undefined"
     >
       <Logo :collapsed="appStore.menuCollapse"></Logo>
-      <Menu :menus="leftMenus" :menu-style="{ width: '220px', flex: 1 }"></Menu>
+      <div class="menu-container">
+        <Menu :menus="leftMenus" :menu-style="{ width: '220px', flex: 1 }"></Menu>
+      </div>
       <WwAds class="ads" />
     </section>
 
@@ -178,6 +180,13 @@ onMounted(() => {
     display: flex;
     flex-direction: column;
     overflow: hidden;
+    height: 100vh;
+
+    .menu-container {
+      flex: 1;
+      overflow-y: auto;
+      overflow-x: hidden;
+    }
   }
 
   &-right {