fix customHeader
This commit is contained in:
parent
74bec9b67f
commit
706d8b3627
@ -279,11 +279,12 @@ const handleToHome = () => {
|
|||||||
top: 60 * 5.12px;
|
top: 60 * 5.12px;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
|
min-width: 375px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
z-index: 1100;
|
z-index: 1100;
|
||||||
// box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
|
// box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
|
||||||
padding: 40 * 5.12px 0;
|
// padding: 40 * 5.12px 0;
|
||||||
max-height: 1500 * 5.12px;
|
min-height: 100vh;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
// 设置CSS变量,只影响当前组件的菜单
|
// 设置CSS变量,只影响当前组件的菜单
|
||||||
|
|||||||
@ -282,12 +282,22 @@ const handleToHome = () => {
|
|||||||
background: #fff;
|
background: #fff;
|
||||||
z-index: 1100;
|
z-index: 1100;
|
||||||
box-shadow: 0 30 * 2.5px 40 * 2.5px rgba(0, 0, 0, 0.08);
|
box-shadow: 0 30 * 2.5px 40 * 2.5px rgba(0, 0, 0, 0.08);
|
||||||
padding: 40 * 2.5px;
|
// padding: 40 * 2.5px;
|
||||||
max-height: 1500 * 2.5px;
|
// max-height: 1500 * 2.5px;
|
||||||
|
min-height: 100vh;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
:deep(.n-menu-item) {
|
:deep(.n-menu-item) {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
// 为n-submenu添加上边虚线边框
|
||||||
|
:deep(.mobile-menu > div) {
|
||||||
|
border-top: 3px dashed #e0e0e0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 为最后一个n-submenu额外添加下边框
|
||||||
|
:deep(.mobile-menu > div:last-child) {
|
||||||
|
border-bottom: 3px dashed #e0e0e0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fade-slide-enter-active,
|
.fade-slide-enter-active,
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user