Commit Graph
2 Commits
Author SHA1 Message Date
chenshoulin 00af665f12 fix(ui): 统一工具栏控件高度
问题:工具栏第一行的控件高度不一致(搜索框与标签按钮 34px,优先级分组与
到期统计按钮 30px,第二行按钮 26px),排在一起参差不齐。

根因:高度是靠 padding + line-height 撑出来的,而各组字号不同——搜索框和
标签按钮用 text-sm(行高 20px),优先级与统计按钮用 text-xs(行高 16px),
两者的 py 又都是 1.5 和 1,于是自然差出 4~8px。

修复:改为显式固定高度,不再受字号影响。
- 第一行(搜索框 / 优先级分组 / 标签 / 今日到期 / 逾期)统一 h-9(36px)
  - 优先级分组内的按钮改用 h-full 填满容器内区,不再靠 padding 撑
- 第二行(归档 / 显示归档 / 清空筛选)统一 h-8(32px),
  与第一行形成明确的次级层级

顺手把 .screenshots/ 加入 ESLint 与 Prettier 忽略——那是截图脚本的产物目录。

验证:用 Playwright 实测各控件 boundingBox,第一行全部 36px;单元测试 480 个、
E2E 25 个通过。
2026-10-18 17:56:30 +08:00
chenshoulin 4e064e82ea feat: 个人轻量看板工具 MVP
从零实现一个 local-first 的个人任务看板,数据只存在浏览器本地,不依赖后端。

功能
- 固定三列看板(待办 / 进行中 / 已完成),支持拖拽改状态与列内排序
- 快速新增、详情编辑、删除撤销、已完成归档
- 搜索与筛选(关键词 / 优先级 / 标签 / 今日到期 / 逾期)
- 今日视图:按紧急度分组(逾期 > 今天到期 > 进行中)+ 统计卡片
- 导出导入 JSON;启动时自动留快照,保留最近 3 份
- 键盘快捷键(N / 「/」/ ? / Esc)
- PWA:可安装、离线可用、更新提示

技术要点
- 持久化采用 TaskRepository 端口 + 整份快照读写,schemaVersion 迁移表
  显式登记升级规则(当前 v2,v1 -> v2 为归档功能补 archivedAt)
- 同列排序用相邻中点插入,间距不足时按列 normalize,避免浮点精度耗尽
- 拖拽只消费 Sortable 的事件,store 保持唯一数据源,不接管数据
- 数据损坏时先备份到 *.corrupt.<时间戳> 再报错,不覆盖用户数据
- 引入 vue-router 拆分看板与今日两个视图(见 docs/adr.md ADR-005)

验证
- 单元测试 437 个(33 个文件),行覆盖率 96.8%
- 端到端测试 23 个(Playwright),含真实拖拽与断网离线场景
- npm run build 通过,产物可静态托管

注:部署时需配置 SPA 回落,否则直接访问 /today 会 404(详见 README)。
2026-10-18 11:59:49 +08:00