26 lines
749 B
Markdown
26 lines
749 B
Markdown
|
# 2026-06-02 — 服务器页统计卡片与仪表盘对齐
|
||
|
|
|
||
|
|
## 摘要
|
||
|
|
|
||
|
|
- 抽取共享组件 `StatCardsRow.vue`（圆角卡片 + 大数字 + 彩色图标头像 + hover 动效）。
|
||
|
|
- `ServersPage.vue` 顶部由 `v-list` 改为与 `DashboardPage.vue` 相同的统计卡片布局。
|
||
|
|
- 容器内边距统一为 `pa-4 pa-md-6`。
|
||
|
|
|
||
|
|
## 动机
|
||
|
|
|
||
|
|
用户要求服务器页顶部统计区与仪表盘视觉一致。
|
||
|
|
|
||
|
|
## 涉及文件
|
||
|
|
|
||
|
|
- `frontend/src/components/StatCardsRow.vue`（新建）
|
||
|
|
- `frontend/src/pages/DashboardPage.vue`
|
||
|
|
- `frontend/src/pages/ServersPage.vue`
|
||
|
|
|
||
|
|
## 迁移 / 重启
|
||
|
|
|
||
|
|
- 仅前端：重新 `vite build` 并部署 `web/app/`。
|
||
|
|
|
||
|
|
## 验证
|
||
|
|
|
||
|
|
本地构建后打开 `/app/#/servers` 与 `/app/#/`，对比顶部四张统计卡样式一致。
|