Files

6 lines
925 B
Markdown
Raw Permalink Normal View History

- 每个页面 HTML 统一在 head 内引入空 favicon (`data:,`) 以避免浏览器请求导致本地静态服务 404。
- 页面间通过相对路径 `../css/...` 引用共享样式,并通过版本号 query 参数(如 `?v=857f83a5`)强制缓存失效。
- 状态指示使用 `.pill` + `.indicator` 元素组合,通过添加 `online/offline/processing/live/idle` 类切换状态颜色与呼吸灯效果。
- 卡片采用 `.card.card--<子系统>` 修饰类注入顶部色带与图标底色,子系统色来自 `--esp32 / --gd32 / --ble / --can / --motor / --mem` 等语义 token。
- 动画关键帧仅操作 transform/opacity 以保证合成器直通;box-shadow/background-position 等重绘型动画仅限短暂临时态(如 dragover、OTA 阶段)。
- 响应式行为通过 `@media (max-width: 1100px)` 与 `640px` 两档断点在 `responsive.css` 中集中维护,页面侧不重复定义布局断点。