From a53acc504e5f883e35ccf3a6a353cd645040b2fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=AA=80=E6=B7=AE=E5=8D=97?= <coder_nai@163.com>
Date: Wed, 27 Nov 2024 01:19:14 +0000
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=BA=8C=E7=BA=A7=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E5=B1=95=E5=BC=80=E5=90=8E=EF=BC=8C=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E9=95=BF=E5=BA=A6=E6=A0=B7=E5=BC=8F=E8=B6=85=E9=95=BF=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 檀淮南 <coder_nai@163.com>
---
 .../side-expand-menu/recursion-menu.vue       | 41 +++++++++++--------
 1 file changed, 24 insertions(+), 17 deletions(-)

diff --git a/smart-admin-web-javascript/src/layout/components/side-expand-menu/recursion-menu.vue b/smart-admin-web-javascript/src/layout/components/side-expand-menu/recursion-menu.vue
index fd979922..67fd92b6 100644
--- a/smart-admin-web-javascript/src/layout/components/side-expand-menu/recursion-menu.vue
+++ b/smart-admin-web-javascript/src/layout/components/side-expand-menu/recursion-menu.vue
@@ -14,23 +14,25 @@
       <span class="ant-menu">{{ topMenu.menuName }}</span>
     </div>
     <!-- 次级菜单展示 -->
-    <a-menu :selectedKeys="selectedKeys" :openKeys="openKeys" mode="inline">
-      <template v-for="item in topMenu.children" :key="item.menuId">
-        <template v-if="item.visibleFlag">
-          <template v-if="$lodash.isEmpty(item.children)">
-            <a-menu-item :key="item.menuId.toString()" @click="turnToPage(item)">
-              <template #icon v-if="item.icon">
-                <component :is="$antIcons[item.icon]" />
-              </template>
-              {{ item.menuName }}
-            </a-menu-item>
-          </template>
-          <template v-else>
-            <SubMenu :menu-info="item" :key="item.menuId" @turnToPage="turnToPage" />
+    <div class="bottom-menu">
+      <a-menu  :selectedKeys="selectedKeys" :openKeys="openKeys" mode="inline">
+        <template v-for="item in topMenu.children" :key="item.menuId">
+          <template v-if="item.visibleFlag">
+            <template v-if="$lodash.isEmpty(item.children)">
+              <a-menu-item :key="item.menuId.toString()" @click="turnToPage(item)">
+                <template #icon v-if="item.icon">
+                  <component :is="$antIcons[item.icon]" />
+                </template>
+                {{ item.menuName }}
+              </a-menu-item>
+            </template>
+            <template v-else>
+              <SubMenu :menu-info="item" :key="item.menuId" @turnToPage="turnToPage" />
+            </template>
           </template>
         </template>
-      </template>
-    </a-menu>
+      </a-menu>
+    </div>
   </div>
 </template>
 <script setup>
@@ -84,10 +86,15 @@
 </script>
 <style scoped lang="less">
   .recursion-container {
-    height: 100%;
+    height: 100vh;
     background: #ffffff;
   }
-
+  .bottom-menu{
+    overflow: auto;
+    display: flex;
+    height: 90%;
+    color: #515a6e;
+  }
   .top-menu {
     overflow: hidden;
     display: flex;