标题位置修正:顶栏即「XX反馈系统」,内容区只留图标+软件名

用户指出三处问题:
1. 最上面标题应显示「同步日历反馈系统」,而不是光秃秃的「同步日历」
2. 内容区那个重复的「同步日历反馈系统」不要再要了,
   那里只要「图标 + 同步日历」
3. 内容区下面多了一个裸露的 ?> 字符
4. 图标和标题文字都要再大一点

改动:
- 顶栏改为 fb_software_badge(sw, brand, fb_software_site_title(sw))
  图标 56px、文字 26px,成为页面唯一主标题
- 删除内容区的 h1.page-h1-sw(重复标题)
- 内容区改为 badge(lg):图标 40px + 文字 30px
- 清除 index.php 里多余的 ?> (上次编辑留下的残渣)
- badge 新增 brand 尺寸档与  参数,可覆盖显示文字
- 顶栏高度 72->84px 容纳更大的图标;窄屏仍有降级

验证:顶栏 title/文字正确、已无 page-h1-sw、
无裸露 ?>、内容区只显示「同步日历」、5 处图标全走 media.php
且均为有效 PNG、三个软件页与全部路由 200。
This commit is contained in:
2026-11-03 08:34:03 +08:00
parent 669ab9e43e
commit 82484298e4
6 changed files with 46 additions and 30 deletions
+20 -7
View File
@@ -32,9 +32,17 @@ p{margin:8px 0}
-webkit-backdrop-filter:saturate(180%) blur(14px);
border-bottom:1px solid var(--line);
}
.topbar .wrap{display:flex; align-items:center; gap:14px; height:64px}
.topbar .wrap{display:flex; align-items:center; gap:14px; height:72px}
.topbar .brand-mini{display:flex; align-items:center; gap:10px; font-weight:700; font-size:17px; color:var(--fg); min-width:0}
.topbar .brand-mini:hover{text-decoration:none; color:var(--fg)}
/* 顶栏里的软件标识:图标与「XX 反馈系统」一起放大,成为页面主标题 */
.topbar .brand-mini .sw-badge{gap:11px}
.topbar .brand-mini .sw-badge-nm{font-size:22px; font-weight:700}
@media (max-width:560px){
.topbar .wrap{height:62px}
.topbar .brand-mini .sw-badge-nm{font-size:17px}
.topbar .brand-mini .sw-badge-img{width:32px !important; height:32px !important}
}
.topbar .brand-text{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.topbar .logo-mark{
width:30px; height:30px; flex:none; display:block; border-radius:8px;
@@ -130,12 +138,17 @@ main.wrap{padding-top:24px; padding-bottom:40px; min-height:60vh}
font-weight:600; font-size:14px; color:var(--fg);
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.sw-badge-sm .sw-badge-nm{font-size:13.5px}
.sw-badge-lg .sw-badge-nm{font-size:26px}
/* 页头大标题:就是纯文字,不要 h1 的默认行高干扰 */
.page-h1-sw{margin:0; font-size:inherit; line-height:1.3}
/* 页头副行:图标 + 软件名,紧跟在「XX 反馈系统」下面 */
.page-sw-id{margin-top:8px; display:flex; align-items:center}
.sw-badge-sm .sw-badge-nm{font-size:14px}
.sw-badge-md .sw-badge-nm{font-size:17px}
.sw-badge-lg .sw-badge-nm{font-size:28px; font-weight:700}
/* 顶栏主标题:图标 + 「XX 反馈系统」,要明显大于正文 */
.sw-badge-brand .sw-badge-nm{font-size:22px; font-weight:700; letter-spacing:.2px}
@media (max-width:560px){
/* 窄屏收一点,避免把「全部问题 / 管理后台」挤掉 */
.sw-badge-brand .sw-badge-nm{font-size:18px}
}
/* 页头副行:图标 + 软件名 */
.page-sw-id{margin:0; display:flex; align-items:center}
/* 提交页顶部的软件上下文条:同样无背景色,只留一行轻分隔 */
.sw-context{
display:flex; align-items:center; gap:10px; flex-wrap:wrap;