28 lines
888 B
Markdown
28 lines
888 B
Markdown
# 2026-06-14 — 监测槽暂停态 UI 优化
|
|
|
|
## 摘要
|
|
|
|
暂停态仅保留顶栏(服务器名 + 槽位 + ⋮ 菜单)与居中「恢复实时监测」;隐藏时长选择、状态横幅、圆环占位与底栏。
|
|
|
|
## 动机
|
|
|
|
用户反馈暂停态「开启实时监测 + 槽位保留…」居中区域观感差,与开启后圆环布局割裂。
|
|
|
|
## 变更
|
|
|
|
- `WatchSlotCard.vue`:顶栏 `⋮` 菜单替代开关与 ✕;底栏「暂停」;暂停横幅 + 四圆环占位 + 恢复按钮
|
|
- `WatchMetricRing.vue`:新增 `dimmed` 占位态(灰色细环、不可交互)
|
|
|
|
## 涉及文件
|
|
|
|
- `frontend/src/components/watch/WatchSlotCard.vue`
|
|
- `frontend/src/components/watch/WatchMetricRing.vue`
|
|
|
|
## 迁移 / 重启
|
|
|
|
仅前端构建。
|
|
|
|
## 验证
|
|
|
|
`cd frontend && npx vite build`;顶栏仅槽位芯片与 ⋮ 菜单;暂停/移除需点开菜单;底栏可点「暂停」。
|