From 833ece02882314510e92ca127c4016cace54d83f Mon Sep 17 00:00:00 2001 From: From-wh Date: Wed, 21 Oct 2026 16:28:30 +0800 Subject: [PATCH] =?UTF-8?q?fix(=E7=AE=A1=E7=90=86=E7=AB=AF):=20=E8=A3=81?= =?UTF-8?q?=E5=89=AA=E5=86=85=E5=AE=B9=E5=8C=BA=E6=A8=AA=E5=90=91=E6=BA=A2?= =?UTF-8?q?=E5=87=BA=EF=BC=8C=E6=B6=88=E9=99=A4=E5=B9=BB=E5=BD=B1=E6=A8=AA?= =?UTF-8?q?=E5=90=91=E6=BB=9A=E5=8A=A8=E6=9D=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/admin/src/theme/app.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/frontend/admin/src/theme/app.scss b/frontend/admin/src/theme/app.scss index 334a25a1c..454fb47d5 100644 --- a/frontend/admin/src/theme/app.scss +++ b/frontend/admin/src/theme/app.scss @@ -169,6 +169,16 @@ body, @extend .el-scrollbar; padding: 16px; + // 顶层内容区不允许横向滚动:wrap 的原生 overflow-x 已被全局隐藏(element.scss / variables.scss), + // 但页面顶层的 gutter 行(el-row 负 margin ±10px,如订单中台/实物订单的统计卡行)等横向溢出 + // 仍会撑大 wrap 的 scrollWidth,使 el-scrollbar 的模拟横向滚动条在内容区底部悬停时显示 + // 一条几乎全宽的“幻影”滚动条(原生已禁滚,该条拖不动,仅有 10px 晃动量)。 + // 在 view 层裁掉横向溢出,让 scrollWidth 恒等于 clientWidth;clip 不产生滚动容器与格式化上下文, + // 不影响纵向滚动和粘性定位,超出的部分只是 gutter 列的空白 padding,无可见内容被裁。 + > .el-scrollbar__wrap > .el-scrollbar__view { + overflow-x: clip; + } + // 容器内边距已提供 16px 顶部留白,页面首位卡片/行自带的上边距会叠加成 32px 双重间距,统一清零 // 动作按钮行(.action-row)需保留 -6px 偏移实现距卡顶 14px,不在此清零范围 > .el-scrollbar__wrap {