opensource/plus-ui
2
0
Fork 0
mirror of https://gitee.com/JavaLionLi/plus-ui.git synced 2026-09-13 07:43:43 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix 修复 菜单收起按钮与滑动块样式问题

Browse Source
This commit is contained in:
疯狂的狮子Li 2026-06-25 18:15:49 +08:00
parent a1ab12e70c
commit 6c7ec5d3f1
3 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/assets/styles/layout/menu.less
View File

@ -76,3 +76,20 @@
max-width: 0;
opacity: 0;
}
.ant-pro-layout .ant-pro-sider .ant-layout-sider-children,
.ant-pro-layout .ant-pro-sider .ant-layout-sider-children > div,
.ant-pro-layout .ant-pro-sider .ant-pro-sider-menu,
.ant-pro-layout .ant-pro-sider .ant-menu {
-ms-overflow-style: none;
scrollbar-width: none;
}
.ant-pro-layout .ant-pro-sider .ant-layout-sider-children::-webkit-scrollbar,
.ant-pro-layout .ant-pro-sider .ant-layout-sider-children > div::-webkit-scrollbar,
.ant-pro-layout .ant-pro-sider .ant-pro-sider-menu::-webkit-scrollbar,
.ant-pro-layout .ant-pro-sider .ant-menu::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}

4
src/assets/styles/layout/pro-layout.less
View File

@ -36,13 +36,13 @@
.ant-pro-layout .ant-pro-sider-collapsed-button,
.ant-pro-layout .ant-pro-global-header-collapsed-button {
color: var(--layout-nav-text-react) !important;
background: var(--app-surface-react) !important;
background: var(--layout-collapsed-button-bg-react, var(--app-surface-react)) !important;
}
.ant-pro-layout .ant-pro-sider-collapsed-button:hover,
.ant-pro-layout .ant-pro-global-header-collapsed-button:hover {
color: var(--layout-nav-title-react) !important;
background: var(--layout-nav-action-hover-bg-react) !important;
background: var(--layout-collapsed-button-hover-bg-react, var(--layout-nav-action-hover-bg-react)) !important;
}
.ant-pro-layout .ant-pro-card,

2
src/layouts/BasicLayout.tsx
View File

@ -196,6 +196,8 @@ export default function BasicLayout() {
'--layout-nav-menu-hover-bg-react': navColors.menuHoverBg,
'--layout-nav-menu-selected-bg-react': navColors.menuSelectedBg,
'--layout-nav-badge-shadow-react': navColors.badgeShadow,
'--layout-collapsed-button-bg-react': effectiveNavDark ? navColors.bg : appColors.surface,
'--layout-collapsed-button-hover-bg-react': effectiveNavDark ? '#1f2937' : navColors.actionHoverBg,
backgroundColor: appColors.bg
} as CSSProperties;
const proLayoutContentStyle = {