xinyin025/smart-admin
1
0
Fork 0
mirror of https://gitee.com/lab1024/smart-admin.git synced 2025-09-17 10:56:39 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

修复二级菜单展开后，菜单长度样式超长的问题

Browse Source 
Signed-off-by: 檀淮南 <coder_nai@163.com>
This commit is contained in:
檀淮南 2024-11-27 01:19:14 +00:00 committed by Gitee
parent 64ebe2bfdb
commit a53acc504e
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F
1 changed files with 24 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
smart-admin-web-javascript/src/layout/components/side-expand-menu/recursion-menu.vue
View File

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