From cee56aa240bdf54d6ebc193df762d57125308e2c Mon Sep 17 00:00:00 2001 From: xuans Date: Sun, 18 Oct 2026 15:40:56 +0800 Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E9=9A=90=E8=97=8F=E4=B8=BB=E5=B7=A5?= =?UTF-8?q?=E4=BD=9C=E5=8C=BA=E4=B8=8E=E5=AF=BC=E8=88=AA=E6=A0=8F=E6=BB=9A?= =?UTF-8?q?=E5=8A=A8=E6=9D=A1=E8=A7=86=E8=A7=89=E6=98=BE=E7=A4=BA=E5=B9=B6?= =?UTF-8?q?=E9=80=82=E9=85=8D=E5=B9=B3=E6=BB=91=E6=BB=9A=E5=8A=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- doc/Scert整改任务执行清单.md | 12 ++++++------ frontend/src/views/Dashboard/DashboardLayout.css | 9 ++++++++- frontend/src/views/Dashboard/DashboardNavigation.css | 8 ++++++++ 3 files changed, 22 insertions(+), 7 deletions(-) diff --git a/doc/Scert整改任务执行清单.md b/doc/Scert整改任务执行清单.md index e013fc2..536d778 100644 --- a/doc/Scert整改任务执行清单.md +++ b/doc/Scert整改任务执行清单.md @@ -3687,9 +3687,9 @@ P0-05 从 `[!]` 调整为 `[~]`，并未标记完成；P0-04 剩余门禁和全 - [✓] 提交代码并双重推送到 Gitea (git.pcux.cn) 与 GitHub (github.com)。 ## 2026年10月18日 移除主工作区内容滚动条视觉显示 -- [~] 需求确认：用户反馈右侧侧边栏与主工作区内容区域之间的垂直滚动条影响美观，需在保留内容正常滚动的交互前提下，隐藏/移除该滚动条的视觉轨道与滑块（包含标准 scrollbar-width 与 Webkit 滚动条隐藏适配）。 -- [ ] 调整样式：在 frontend/src/views/Dashboard/DashboardLayout.css 与 DashboardNavigation.css 中，对 .dashboard-content 与 .dashboard-navigation 移除 scrollbar-gutter 留白占位，增加 scrollbar-width: none 及 ::-webkit-scrollbar 隐藏样式。 -- [ ] 执行前端单元测试（确保 357 项测试全部全绿通过）。 -- [ ] 编译构建前端静态资源（vite build）并部署至第一台 Linux 生产服务器（8.137.23.95:/scert/web/）。 -- [ ] 通过 Chrome CDP 刷新页面复核实机 DOM 与渲染效果，验证滚动条已完全隐藏且页面展示规整。 -- [ ] 规范双重推送 Git 远程仓库。 \ No newline at end of file +- [✓] 需求确认：用户反馈右侧侧边栏与主工作区内容区域之间的垂直滚动条影响美观，需在保留内容正常滚动的交互前提下，隐藏/移除该滚动条的视觉轨道与滑块（包含标准 scrollbar-width 与 Webkit 滚动条隐藏适配）。 +- [✓] 调整样式：在 frontend/src/views/Dashboard/DashboardLayout.css 与 DashboardNavigation.css 中，对 .dashboard-content 与 .dashboard-navigation 移除 scrollbar-gutter 留白占位，增加 scrollbar-width: none 及 ::-webkit-scrollbar 隐藏样式。 +- [✓] 执行前端单元测试（确保 357 项测试全部全绿通过，357 pass, 0 fail）。 +- [✓] 编译构建前端静态资源（vite build）并部署至第一台 Linux 生产服务器（8.137.23.95:/scert/web/）。 +- [✓] 通过 Chrome CDP 刷新页面复核实机 DOM 与渲染效果，验证 scrollbarWidth 为 none 且 clientWidth 等于 offsetWidth，滚动条已完全隐藏且页面展示整洁。 +- [✓] 规范双重推送 Git 远程仓库。 \ No newline at end of file diff --git a/frontend/src/views/Dashboard/DashboardLayout.css b/frontend/src/views/Dashboard/DashboardLayout.css index 83621e5..52c1a85 100644 --- a/frontend/src/views/Dashboard/DashboardLayout.css +++ b/frontend/src/views/Dashboard/DashboardLayout.css @@ -69,10 +69,17 @@ min-height: 0; overflow: auto; overscroll-behavior: contain; - scrollbar-gutter: stable; + scrollbar-width: none; + -ms-overflow-style: none; border-radius: 18px; } +.dashboard-content::-webkit-scrollbar { + display: none; + width: 0; + height: 0; +} + .dashboard-content:focus-visible { outline: 2px solid #315aaa; outline-offset: -2px; diff --git a/frontend/src/views/Dashboard/DashboardNavigation.css b/frontend/src/views/Dashboard/DashboardNavigation.css index 166fb30..f0f06ee 100644 --- a/frontend/src/views/Dashboard/DashboardNavigation.css +++ b/frontend/src/views/Dashboard/DashboardNavigation.css @@ -7,12 +7,20 @@ gap: 2px; min-height: 0; overflow-y: auto; + scrollbar-width: none; + -ms-overflow-style: none; padding: 2px 5px; border-left: 1px solid #e2e8f2; box-sizing: border-box; background: #fbfcfe; } +.dashboard-navigation::-webkit-scrollbar { + display: none; + width: 0; + height: 0; +} + .navigation-heading { display: flex; align-items: center;