mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-09-17 10:56:39 +08:00
修复二级菜单展开后,菜单长度样式超长的问题
Signed-off-by: 檀淮南 <coder_nai@163.com>
This commit is contained in:
parent
64ebe2bfdb
commit
a53acc504e
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user