diff --git a/src/components/customHeader/size375/index.vue b/src/components/customHeader/size375/index.vue index f0b1e5d..8537630 100644 --- a/src/components/customHeader/size375/index.vue +++ b/src/components/customHeader/size375/index.vue @@ -279,11 +279,12 @@ const handleToHome = () => { top: 60 * 5.12px; left: 0; width: 100vw; + min-width: 375px; background: #fff; z-index: 1100; // box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); - padding: 40 * 5.12px 0; - max-height: 1500 * 5.12px; + // padding: 40 * 5.12px 0; + min-height: 100vh; overflow-y: auto; // 设置CSS变量,只影响当前组件的菜单 diff --git a/src/components/customHeader/size768/index.vue b/src/components/customHeader/size768/index.vue index cb04242..b44e6c7 100644 --- a/src/components/customHeader/size768/index.vue +++ b/src/components/customHeader/size768/index.vue @@ -282,12 +282,22 @@ const handleToHome = () => { background: #fff; z-index: 1100; box-shadow: 0 30 * 2.5px 40 * 2.5px rgba(0, 0, 0, 0.08); - padding: 40 * 2.5px; - max-height: 1500 * 2.5px; + // padding: 40 * 2.5px; + // max-height: 1500 * 2.5px; + min-height: 100vh; overflow-y: auto; :deep(.n-menu-item) { 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,