反馈 — 网络状态点点加光晕 + 放大缩小¶
原文 / 原始内容¶
网络状态的点点加上光晕以及放大缩小的效果
上下文¶
- 版本：v0.10.29
- 位置：v0.10.28 网络状态点搬到顶部「谷歌地图采集」标题旁
- 当前实现：
src/sections/layout/network-status-bar.tsx ok状态只一个静态 8px 圆点 + 颜色checking已有快速脉动动画（netPulse）slow / bad静态圆点 + 短文字 chip
我的初步理解¶
加「呼吸感」让 ok 状态有"心跳在线"的感觉。
分状态差异化：
- ok 缓慢呼吸（柔和光晕，~2s 一周期）— 让用户感知系统活着
- slow 中速脉动 + 黄色光晕（警示但不慌张）
- bad 快速脉动 + 红色光晕（视觉警告强）
- checking 已有
CSS：用 box-shadow 做光晕扩散 + transform: scale() 做放大缩小，同步在一个 keyframes 里。
处理方向¶
- 改
network-status-bar.tsx加分状态动画 - 直接做，UX 增强不归 issue