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: ~'@{adminNamespace}-submenu-popper';
|
||||||
|
|
||||||
|
// 设置子菜单溢出时滚动样式
|
||||||
.@{submenu-prefix-cls}--vertical {
|
.@{submenu-prefix-cls}--vertical {
|
||||||
overflow-y: auto;
|
|
||||||
max-height: 100%;
|
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>
|
</style>
|
||||||
|
|
|
@ -40,7 +40,7 @@ export const useRenderMenuItem = (menuMode) =>
|
||||||
return (
|
return (
|
||||||
<ElSubMenu
|
<ElSubMenu
|
||||||
index={fullPath}
|
index={fullPath}
|
||||||
popper-append-to-body
|
teleported
|
||||||
popperClass={unref(menuMode) === 'vertical' ? `${prefixCls}-popper--vertical` : ''}
|
popperClass={unref(menuMode) === 'vertical' ? `${prefixCls}-popper--vertical` : ''}
|
||||||
>
|
>
|
||||||
{{
|
{{
|
||||||
|
|
Loading…
Reference in New Issue