From 6d82de6fb8b6f18243991c072aede4ea47e291ba Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=A2=81=E6=96=87=E9=92=B0?= Date: Mon, 15 Dec 2025 22:21:20 +0800 Subject: [PATCH] =?UTF-8?q?=E9=97=AE=E9=A2=98=E6=8F=8F=E8=BF=B0=EF=BC=9A?= =?UTF-8?q?=E9=A1=B6=E6=A0=8F=E6=90=9C=E7=B4=A2=E5=BC=B9=E7=AA=97=E9=87=8C?= =?UTF-8?q?=E5=A4=9A=E5=87=BA=E6=9D=A5=E7=9A=84=E4=B8=80=E6=9D=A1=E6=A8=AA?= =?UTF-8?q?=E6=9D=A0/=E7=A9=BA=E7=99=BD=E7=99=BD=E6=9D=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 原因:el-dialog 本体即使把 header/body 隐藏了,外层容器仍然有背景色/阴影/footer 的默认 padding 和上边框,就会在页面中表现为一条白色横条。 修改: deep(.el-dialog) 加了: background: transparent; box-shadow: none; 同时把 footer 的: border-top: 0; padding: 0; 去掉,避免 footer 产生额外的白色区域。 这样 el-autocomplete 仍然照旧显示,但 Dialog 自己的白底/横条不会再出现。 --- web/src/layout/navBars/breadcrumb/search.vue | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/web/src/layout/navBars/breadcrumb/search.vue b/web/src/layout/navBars/breadcrumb/search.vue index 624d997bd..b51baf25e 100644 --- a/web/src/layout/navBars/breadcrumb/search.vue +++ b/web/src/layout/navBars/breadcrumb/search.vue @@ -102,11 +102,15 @@ defineExpose({ .layout-search-dialog { position: relative; :deep(.el-dialog) { + background: transparent; + box-shadow: none; .el-dialog__header, .el-dialog__body { display: none; } .el-dialog__footer { + border-top: 0; + padding: 0; position: absolute; left: 50%; transform: translateX(-50%); -- Gitee