软件徽标带图标+主题色;标题用软件色;删冗余欢迎语;抽屉改竖排覆盖
用户四点要求: 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:
+19
-1
@@ -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 = '';
|
||||
});
|
||||
}
|
||||
|
||||
/* ---------- 邮件测试发送(后台设置页) ---------- */
|
||||
|
||||
Reference in New Issue
Block a user