Skip to content

v0.1.3 — 使用统计页 UI 对齐 CC Switch 风格

Choose a tag to compare

@Visol-456 Visol-456 released this 15 Aug 10:41
· 3 commits to main since this release

修复项(对照验收反馈)

  1. 图表过大过方:整体压扁为 760×208 的宽扁比例,不再占大块屏幕。
  2. 图表字号过大:根因是 CSS Modules 驼峰键丢失导致图表所有样式失效(SVG 文字退回浏览器默认 16px);修复后刻度/图例/tooltip 均为 10–11px,与页面其他 UI 一致。
  3. 图例挤成一团:同一根因(legend 无 flex 布局),修复后每个系列独立一行排列、色点与标签对齐。
  4. tooltip 黑屏黑字:改为浅色卡片 + 边框 + 阴影;每行文字颜色与对应系列颜色相同(如费用行用费用线的颜色)。
  5. 页面太挤:整体布局限制最大宽度 860px 并居中,视觉舒展。
  6. 请求日志:每页只显示 15 条(原 50 条),翻页步长同步 15。
  7. 表格列对齐:请求日志表改用 fixed 布局 + 显式列宽,每列数据与表头严格对齐(含等宽数字字体)。
  8. 曲线下方渐变填充:每条曲线下方增加与系列同色的竖向渐变填充(CC Switch 风格)。
  9. 价格配置"不可用"报错:根因是默认价格表被深冻结,settings 注册时 schema 强制转换写入冻结对象而抛错,导致 namespace 从未注册;现以 detached clone 作为 base 层,价格编辑真正可用;无 settings 部署时改为中性只读提示(说明如何在 cordis.yml 修改),不再显示突兀错误。
  10. 整体风格:对齐 CC Switch 的布局、配色、图表样式与密度。

测试

  • 新增 settings-registration 回归测试(2 例)
  • 全部 59 个测试通过(7 个文件)