fix: reduce collapsed sidebar item margin and add popup icon gap

- 折叠时菜单项左右 margin 8px→4px,图标放大到 24px
- 折叠弹出的子菜单(teleport 到 body)用全局样式补图标与文字间距

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
liuyun 2026-10-11 00:54:20 +08:00
parent 1f06594252
commit c5e044ea42
2 changed files with 17 additions and 4 deletions

View File

@ -6,6 +6,7 @@
:collapse="collapsed" :collapse="collapsed"
:unique-opened="accordion" :unique-opened="accordion"
:collapse-transition="false" :collapse-transition="false"
popper-class="ty-menu-popper"
@select="onSelect" @select="onSelect"
> >
<template v-for="item in menus" :key="item.code"> <template v-for="item in menus" :key="item.code">
@ -109,9 +110,21 @@ function onSelect(index: string): void {
} }
} }
.el-menu--collapse :deep(.icon) { .el-menu--collapse {
:deep(.el-menu-item),
:deep(.el-sub-menu__title) {
margin: 2px 4px;
}
:deep(.icon) {
margin-right: 0; margin-right: 0;
font-size: 22px; font-size: 24px;
}
} }
} }
/* 折叠时弹出的子菜单(teleport 到 body,需全局样式)图标与文字间距 */
:global(.ty-menu-popper .el-menu-item .icon) {
margin-right: 8px;
}
</style> </style>

File diff suppressed because one or more lines are too long