fix: 组件配色全面对齐 Ant Design 5 token + 修复 iframe 内页签初始激活(issue #131)
组件审查结论:全站组件为自绘 HTML+CSS 仿 AntD(纯静态无组件库), pro.css 已统一设计 token,但各页 CSS/JS 残留一批旧配色硬编码, pro.css 覆盖不到,本次全部清理: - 旧 iOS 红 #ff3b30 → --ant-error #ff4d4f(告警 P0/严重度/DLP 条/ 工艺 alarm 态/diff 删除行) - 旧橙 #f5a623 → --ant-warning #faad14(P1 告警/warning 态/暂存徽章) - 旧 iOS 绿 #2ecc71 → --ant-success #52c41a(running 态/prod 徽章/ 索引完成/路由本地标签/权限矩阵) - 杂色蓝统一 → --ant-primary #1677ff:发送键 #0ea5e9、P2 告警 #3aa0ff、编排画布残留青 rgba(24,211,200)、旧气泡 #1d4ed8 - 主色按钮上的深色文字 #04202a → #fff(对比度修正) - 灰 #64748b → --ant-text-tertiary rgba(0,0,0,0.45) - 各页 CSS :root 深色默认变量值(#0b1220/#13203a/#18d3c8 等死值) 对齐为 AntD 亮色默认值,修正"深色主题"过时注释 - 删除已无任何引用的旧深色登录页样式 auth/auth.css 顺带修复实测发现的 bug:SPA 外壳内直达 admin/studio 子页时页签 不切换——studio.js/admin.js 的 Tab 事件在异步 boot(user) 中绑定, bindPageTabs 的 window load 初始激活可能早于绑定完成,改为带重试 的激活(直到 Tab 点亮,最多 10s)。实测 #/admin/#alerts 直达后 page-alerts 正确激活。
This commit is contained in:
@@ -75,11 +75,21 @@
|
||||
window.addEventListener("hashchange", function () {
|
||||
activate(activeChildKey());
|
||||
});
|
||||
// 等页面自身脚本(studio.js/admin.js)绑好点击事件后再做初始激活
|
||||
window.addEventListener("load", function () {
|
||||
// 等页面自身脚本(studio.js/admin.js)绑好点击事件后再做初始激活。
|
||||
// 注意:studio.js/admin.js 的 Tab 事件在异步 boot(user) 里绑定,
|
||||
// window load 时可能尚未就绪——带重试地激活,直到 Tab 真的点亮。
|
||||
var activateTries = 0;
|
||||
function activateInitial() {
|
||||
var h = activeChildKey();
|
||||
if (h) activate(h);
|
||||
});
|
||||
if (!h) return;
|
||||
var btn = tabsBar.querySelector('.tab[data-page="' + h + '"]');
|
||||
if (!btn) return;
|
||||
btn.click();
|
||||
if (!btn.classList.contains("active") && ++activateTries < 40) {
|
||||
setTimeout(activateInitial, 250); // 最多重试 10s
|
||||
}
|
||||
}
|
||||
window.addEventListener("load", activateInitial);
|
||||
// 页内 Tab 点击回写 hash(保持 URL 可分享)
|
||||
tabsBar.addEventListener("click", function (e) {
|
||||
var t = e.target.closest(".tab[data-page]");
|
||||
|
||||
Reference in New Issue
Block a user