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

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

View File

@ -14,6 +14,7 @@
<span class="ant-menu">{{ topMenu.menuName }}</span>
</div>
<!-- 次级菜单展示 -->
<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">
@ -32,6 +33,7 @@
</template>
</a-menu>
</div>
</div>
</template>
<script setup>
import { ref } from 'vue';
@ -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;