21 lines
519 B
Markdown
21 lines
519 B
Markdown
|
# 2026-06-14 — 监测槽圆环指标（宝塔式）
|
|||
|
|
|
|||
|
|
## 摘要
|
|||
|
|
|
|||
|
|
CPU / 内存 / 硬盘 / 负载四个圆环同一行并排（环内百分比或负载值，下方标签）；悬停可看规格。
|
|||
|
|
|
|||
|
|
## 动机
|
|||
|
|
|
|||
|
|
用户反馈宝塔用的是圆圈而非横条进度条。
|
|||
|
|
|
|||
|
|
## 变更
|
|||
|
|
|
|||
|
|
- 新增 `WatchMetricRing.vue`（`v-progress-circular` + 宝塔色阶）
|
|||
|
|
- `WatchSlotCard.vue`：三圆环一行 + 负载圆环
|
|||
|
|
- 删除 `WatchMetricBar.vue`
|
|||
|
|
- `watchFormat.ts`：`metricRingColor`
|
|||
|
|
|
|||
|
|
## 验证
|
|||
|
|
|
|||
|
|
`cd frontend && npx vite build`
|