perf(menu): optimize layout menu

This commit is contained in:
vben
2020-11-02 23:04:25 +08:00
parent d37806900e
commit 96c10d6c0f
26 changed files with 252 additions and 1114 deletions

View File

@@ -1,11 +1,11 @@
// button重置
.ant-btn {
&.ant-btn-success:not(.ant-btn-link),
&.ant-btn-error:not(.ant-btn-link),
&.ant-btn-warning:not(.ant-btn-link),
&.ant-btn-primary:not(.ant-btn-link) {
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;
}
// &.ant-btn-success:not(.ant-btn-link),
// &.ant-btn-error:not(.ant-btn-link),
// &.ant-btn-warning:not(.ant-btn-link),
// &.ant-btn-primary:not(.ant-btn-link) {
// box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;
// }
&-primary {
color: @white;

View File

@@ -67,9 +67,9 @@
@first-menu-item-dark-bg-color: #273352;
// 2级菜单黑暗背景色
@sub-menu-item-dark-bg-color: #4f6088;
@sub-menu-item-dark-bg-color: #314268;
// 3级菜单黑暗背景色
@children-menu-item-dark-bg-color: #314268;
@children-menu-item-dark-bg-color: #4f6088;
// top-menu
@top-menu-active-bg-color: #273352;

View File

@@ -1,19 +1,17 @@
/* 滚动槽 */
::-webkit-scrollbar {
width: 8px;
height: 8px;
width: 6px;
height: 6px;
}
// TODO 滚动条样式-待修改
// ::-webkit-scrollbar-track {
// // background: rgba(0, 0, 0, 0.06);
// // border-radius: 2px;
// // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
// }
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.05);
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
background: @disabled-color;
background: rgba(0, 0, 0, 0.2);
border-radius: 4px;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}

View File

@@ -12,7 +12,7 @@
@logo-width: 36px;
//
@sider-drag-z-index: 200;
@side-drag-z-index: 200;
@page-loading-z-index: 10000;
// app menu