feat(v1.6): 键盘 3×4、格子计数排版、时钟修复、已完成折叠、静态资源破缓存
build / build-and-test (push) Successful in 3m28s

1) 触摸小键盘
- 改为 3 列 × 4 行,底行 ⌫ / 0 / ✓(数字 1-9 按 123/456/789 排列)
- 自定义按键样式:52px 高、圆角、按下位移反馈,确认键为主题绿,不再使用原生按钮外观

2) 日历格子
- 「待完成 / 总数」改为 34px 粗体、主题绿、靠左、垂直居中;左侧打手色竖条保留
- 仍不显示排单缩略信息

3) 抽屉时钟
- 修复不显示:根因是浏览器缓存了旧的 app.js(静态资源 max-age=300)
- 所有 CSS/JS 链接改为 /static/app.css?v=<版本号>,升级后自动取新文件
- 字号放大到 30px、水平垂直居中、24 小时制精确到秒,日期小字放在下方

4) 已完成排单折叠
- 当日清单里已完成/已跳过的单子折叠成一行:尾号 + 姓名 + 套餐 + 状态
- 点这一行展开,显示剩余、打手、撤销打卡与⋯菜单(加急/追加);未完成的行不变
- 折叠箭头改为 CSS 三角,展开/收起有过渡动画

5) 背景
- 管理端背景横线彻底移除(已用浏览器截图确认),大屏网格背景保留

验证:
- 无头 Chrome 实拍暗色/亮色两套日历页(shots/v16-dark.png、shots/v16-light.png)
- 界面断言 14 项全部通过;原有 119 项验收回归全绿;go vet / go test ./... 通过
- 版本号 1.6.0
This commit is contained in:
subtrack
2026-10-19 02:33:37 +08:00
parent 1f7d0f0cc4
commit 79a308b1b5
6 changed files with 137 additions and 33 deletions
+69
View File
@@ -975,3 +975,72 @@ fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
height: 30px; border-color: transparent; background: transparent;
}
.more-menu .btn:hover { background: var(--accent-soft); border-color: transparent; }
/* ---------- v1.6 精修 ---------- */
/* 小键盘:3 列 4 行,底行 ⌫ 0 ✓ */
.keypad { grid-template-columns: repeat(3, 1fr); gap: 8px; }
.keypad .key {
height: 52px;
font-size: 20px; font-weight: 600;
border-radius: 10px;
background: var(--surface);
border: 1px solid var(--line);
box-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent);
transition: background .12s ease, transform .06s ease;
}
.keypad .key:hover { border-color: var(--accent); color: var(--accent); }
.keypad .key:active { transform: translateY(1px); background: var(--accent-soft); }
.keypad .key-fn { font-size: 17px; color: var(--ink-2); background: var(--surface-2); }
.keypad .key-ok {
font-size: 22px;
background: var(--accent); border-color: var(--accent); color: var(--paper);
box-shadow: 0 2px 8px color-mix(in srgb, var(--accent) 35%, transparent);
}
.keypad .key-ok:hover { background: var(--accent-ink); border-color: var(--accent-ink); color: var(--paper); }
/* 格子计数:靠左、垂直居中、主题绿 */
.cell-count {
justify-content: flex-start; align-items: center;
gap: 5px; padding: 0 0 0 1px;
}
.cell-count b {
font-size: 34px; font-weight: 800; line-height: 1;
color: var(--accent); letter-spacing: -0.02em;
}
.cell-count span { font-size: 15px; color: var(--muted); }
/* 抽屉时钟:放大、水平垂直居中 */
.drawer-clock {
flex-direction: column; align-items: center; justify-content: center;
gap: 2px; padding: 14px 14px 10px;
}
.drawer-clock b { font-size: 30px; font-weight: 700; letter-spacing: 0.08em; }
.drawer-clock span { font-size: 11px; letter-spacing: 0.14em; }
.drawer-head { top: 76px; }
/* 已完成:每条折叠成一行 */
.task.task-done { padding: 6px 0; }
.done-fold > summary {
display: flex; align-items: center; gap: 6px;
list-style: none; cursor: pointer; padding: 1px 0;
min-width: 0;
}
.done-fold > summary::-webkit-details-marker { display: none; }
.done-fold > summary .pkg { font-size: 11px; color: var(--muted); }
.done-fold > summary .fold-caret {
margin-left: auto;
width: 0; height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid var(--muted);
transition: transform 0.15s ease;
}
.done-fold > summary:hover .fold-caret { border-top-color: var(--accent); }
.done-fold > summary:hover .pkg { color: var(--ink-2); }
.done-fold[open] > summary .fold-caret { transform: rotate(180deg); }
.done-detail {
margin: 6px 0 2px; padding-left: 9px;
border-left: 1px dashed var(--line);
}