From 706d8b36273e921cb66393f88b82565225ceab30 Mon Sep 17 00:00:00 2001 From: yuanshan <42023847+piercezzs@users.noreply.github.com> Date: Thu, 23 Oct 2025 13:39:35 +0800 Subject: [PATCH] fix customHeader --- src/components/customHeader/size375/index.vue | 5 +++-- src/components/customHeader/size768/index.vue | 14 ++++++++++++-- 2 files changed, 15 insertions(+), 4 deletions(-) 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,