cbb
|
71c4ee6a14
|
fix(css): 补 motor.html 节点总览的 .node-item/.ni-* 样式
motor.js renderNodeList() 渲染的是 .node-item + .ni-led/.ni-name/
.ni-fault/.ni-sub, 但 ecat.css 里只有另一套 .node-card(供 ecat.html 的
单从站卡片)。类名对不上, N1-N9 九行渲染成无样式裸 div = "样式丢了"。
补齐单行紧凑布局(LED | Nx | 故障标签 | 右对齐读数)及状态态:
.online opacity 复原 + LED 转绿发光
.active 边框转主色 + 底色加深
故障 .ni-fault.has 显示为红色 pill, 边框同步转红
离线 opacity .5 + 灰 LED 无光晕
沿用既有 CSS 变量与 .node-card 的视觉语言, 未改动 .node-card 本身。
Edge headless + CDP 实测计算样式确认: 9 项竖排不重叠、margin-left:auto
右对齐生效、四种状态切换正确。CSS 改动故 bump ?v=20260903b。
|
2026-09-03 21:40:26 +08:00 |
|