fix: 修复非一级子菜单显示位置错误;修改滚动条样式和系统滚动条样式一致
This commit is contained in:
parent
0c9f91bfb2
commit
e0596ef9f1
|
@ -257,9 +257,22 @@ export default defineComponent({
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
@submenu-prefix-cls: ~'@{adminNamespace}-submenu-popper';
|
||||
|
||||
// 设置子菜单溢出时滚动样式
|
||||
.@{submenu-prefix-cls}--vertical {
|
||||
overflow-y: auto;
|
||||
max-height: 100%;
|
||||
overflow-y: auto;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background-color: rgb(144 147 153 / 30%);
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -40,7 +40,7 @@ export const useRenderMenuItem = (menuMode) =>
|
|||
return (
|
||||
<ElSubMenu
|
||||
index={fullPath}
|
||||
popper-append-to-body
|
||||
teleported
|
||||
popperClass={unref(menuMode) === 'vertical' ? `${prefixCls}-popper--vertical` : ''}
|
||||
>
|
||||
{{
|
||||
|
|
Loading…
Reference in New Issue