软件徽标带图标+主题色;标题用软件色;删冗余欢迎语;抽屉改竖排覆盖

用户四点要求:
1. 待审核标题前的软件名要带图标
2. 每个软件配了颜色,徽标与标题都应显示该颜色
3. 「欢迎在这里反馈使用问题、提出功能建议」这类话没意义,全部删掉
4. 右上角三横线抽屉:不要宽屏横排/窄屏竖排两套,
   统一竖排并把下面内容盖住,简单一点

改动:
- 新增 fb_software_chip():软件徽标带图标 + 该软件主题色
  (原来一律固定蓝色 #eef2f8/#2b4a74,等于白配了颜色)
  配 fb_color_soft()/fb_color_line() 由主色推导同色系浅底与描边
  替换 admin.php 两处、thread.php 一处(原来是 badge 套 badge,双重边框)
- 顶栏标题与内容区标识都用软件主题色(PHP 内联 --swc 变量)
- index.php 不再渲染 site_desc(配置项保留,后台仍可编辑)
- 抽屉改为统一竖排 absolute 浮层 + 遮罩盖住正文,删掉宽屏横排分支
  打开时锁背景滚动,点遮罩/Esc/再点按钮都能关
  .topbar 作为定位参照(sticky 即可)

顺手修:fb_hex_to_rgb 的三位简写展开前要先校验字符,
否则 zzz 这类非法值可能被误展开(本次测试用例选错才发现校验不够严)

验证:3 个软件 chip 的图标/名字/主色/浅底/描边全部正确,
无图标退回字符、XSS 转义通过、颜色工具函数 6 项通过;
CDP 真实浏览器在 390px 与 1280px 两种宽度下各 13 项断言全过
(绝对定位、在顶栏下方、铺满宽度、条目纵排同x、y递增、
层级高于正文、遮罩同步显隐、可关);
三个软件标题色分别 #b4553c / #6a4c93 / #0057b8;全部路由 200。
This commit is contained in:
2026-11-03 09:20:14 +08:00
parent 314a1cf2a5
commit 28d28ad51c
7 changed files with 168 additions and 38 deletions
+19 -1
View File
@@ -808,15 +808,20 @@
function bindSoftwarePanel() {
var btn = document.getElementById('swToggle');
var panel = document.getElementById('swPanel');
var mask = document.getElementById('swMask');
if (!btn || !panel) { return; }
function open() {
panel.hidden = false;
if (mask) { mask.hidden = false; }
btn.setAttribute('aria-expanded', 'true');
document.body.style.overflow = 'hidden'; // 抽屉开着时锁住背景滚动
}
function close() {
panel.hidden = true;
if (mask) { mask.hidden = true; }
btn.setAttribute('aria-expanded', 'false');
document.body.style.overflow = '';
}
function toggle() {
if (panel.hidden) { open(); } else { close(); }
@@ -827,7 +832,15 @@
toggle();
});
// 点面板内部不算「点外部」
// 点遮罩关闭(遮罩就是「下面的内容」,点了就是点外部)
if (mask) {
mask.addEventListener('click', function (e) {
e.stopPropagation();
close();
});
}
// 点面板内部不算点外部
panel.addEventListener('click', function (e) { e.stopPropagation(); });
document.addEventListener('click', function () {
@@ -837,6 +850,11 @@
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape' && !panel.hidden) { close(); btn.focus(); }
});
// 转到别的页面时把滚动锁解掉,避免返回后页面不能滚
window.addEventListener('pagehide', function () {
document.body.style.overflow = '';
});
}
/* ---------- 邮件测试发送(后台设置页) ---------- */