From 618409854c3d38232c73839a34f78858503a39a2 Mon Sep 17 00:00:00 2001 From: laoyang Date: Tue, 22 Sep 2026 08:01:00 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AF=BC=E8=88=AA=E6=A0=8F=E5=B7=A6?= =?UTF-8?q?=E4=B8=8A=E8=A7=92=E7=9A=84=E7=B3=BB=E7=BB=9F=E5=90=8D=E5=81=9A?= =?UTF-8?q?=E6=88=90=E3=80=8C=E5=9B=9E=E5=88=B0=E9=A6=96=E9=A1=B5=E3=80=8D?= =?UTF-8?q?=E9=93=BE=E6=8E=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 原来要回首页得先点开右侧折叠菜单再点「首页」（两步操作，在手机上尤其别扭）， 现在点左上角系统名一下就能到。 nav.php -
改为 ， 并补上 title 与 aria-label（无障碍：屏幕阅读器能读出这是个「回到首页」链接）。 - 因为是原生 ，Ctrl/中键点击可在新标签页打开，不再需要 JS。 css/style.css - 给 .nav-brand 加点击热区：padding + 等量负 margin 抵消， 保证文字的视觉位置与改动前完全一致（600/768px 两个断点下 navbar 的 padding 变窄时，两者依然自然抵消）。 - 加 hover 底色反馈，让「这是可点的」有视觉提示。 - 加 :focus-visible 轮廓：键盘 Tab 聚焦时可见，鼠标点击时不出现， 避免多出一层多余描边。 验证 - nav.php 语法通过（双 PHP 版本 7.4 / 8.1），内联 JS 用「模拟 PHP 渲染」方式 做 node --check 通过。 - CSS 大括号配平（83/83）。 - fetch_movie_test.py 端到端 79 项、storage_test.py 回归 196 项全通过。 - A/B 渲染比对 47 个响应：45 个含导航的页面有差异，但**差异只有那一行**
→ （含注释与闭合标签），其余内容逐字节一致；不含导航的 登录失败页与退出页完全未变。 - 线上双 PHP 版本真实渲染导航栏：链接形态、title/aria-label、折叠菜单均在， 无 PHP 报错泄漏；公网 style.css 与本地 sha256 一致。 --- README.md | 1 + css/style.css | 14 ++++++++++++++ nav.php | 6 ++++-- 3 files changed, 19 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index c33f565..b21c171 100644 --- a/README.md +++ b/README.md @@ -57,6 +57,7 @@ ### 界面与体验 - 复古票根色系（主色 `#e67e22` 橙）的响应式设计，移动端断点适配（600 / 768px）。 - 导航为下拉菜单，自动高亮当前页；顶部始终显示当前用户头像与用户名。 +- **点导航栏左上角的「🎬 电影日志」即可回到首页**（右键 / Ctrl+点击还能在新标签页打开），不必再展开右侧折叠菜单去找「首页」。 - 登录页为深色渐变 + 毛玻璃风格。 --- diff --git a/css/style.css b/css/style.css index d8d8a9e..ee3a212 100644 --- a/css/style.css +++ b/css/style.css @@ -82,6 +82,20 @@ body { font-weight: 700; color: var(--text-primary); text-decoration: none; + /* 作为「回到首页」的链接，给它一块够大的点击热区； + 用等量负外边距抵消内边距，保证文字的视觉位置与原来完全一致。 */ + padding: 6px 10px; + margin-left: -10px; + border-radius: 10px; + transition: background-color 0.2s ease; +} +.nav-brand:hover { + background: rgba(127, 127, 127, 0.12); +} +/* 键盘 Tab 聚焦时要有可见轮廓（鼠标点击时不出现，避免多余描边） */ +.nav-brand:focus-visible { + outline: 2px solid var(--primary); + outline-offset: 1px; } .nav-brand .brand-icon { font-size: 26px; diff --git a/nav.php b/nav.php index 239863c..b0190a4 100644 --- a/nav.php +++ b/nav.php @@ -16,10 +16,12 @@ $current_page = basename($_SERVER['PHP_SELF']); ?>