Repository navigation
v2.1.0
2.1.0 — 界面精修
照 docs/REVIEW-v2.0.md 做。两个待定项按你的决定:标题栏要试(先出试验版、真机确认后才进正式版);棋盘不加木纹。
不动的:引擎与棋力、规则、存储格式、题库与判题、复盘内容、v2.0 的布局与所有功能。这一版只动「看起来怎样」。
一句话:一套字号、一种卡片、两档阴影、一种细线;标题、标签、正文分得清。
窗口:内容铺到标题栏底下(macOS)
- 系统那条灰色标题栏不见了,红绿灯浮在应用自己的顶栏里,整个窗口是一块。顶栏加高到系统标题栏带的高度(约 52pt),红绿灯在里面垂直居中,左边让出它们的位置。
- 顶栏的空白处与两个座位上可以按住拖动窗口;双击照系统设置缩放(或最小化)。按钮上照常是按钮。
- 全屏时红绿灯由系统收起,顶栏回到原来的 44px,左边不再留空。
- 红绿灯的位置由系统量好告诉网页,不写死坐标:评估时以为做不到,这次查到 SDK 0.10.1 的宿主能报(
windowChrome),拖动也能交给系统(startWindowDrag,与 Tauri 同一做法)。为此新增两个桥命令goban.windowDrag/goban.windowChrome,只认应用自己的页面来源。 - Windows 不变,仍是系统标题栏。
字
- 字号四档:12 / 13 / 14 / 15(另有 17 给图标)。按钮、座位、菜单 12 → 13;正文 14;卡片标题 15。11px 的字没有了。
- 字重分工:正文常规体,控件中粗,只有标题半粗;700 粗体没有了。
- 普通按钮改常规体(macOS 原生按钮就是常规体);主按钮靠底色区分。
- 新局卡片里「模式 · 难度 · 执子 · 规则」这类标签:次要色、常规体,与标题分开。
- 练习题目、终局卡「值得记住的一手」:正文常规体。
- 复盘卡的「复盘」不再拉开字距、不再全大写。
一种卡片、两档阴影、一种细线
- 坞里的五种卡片(初见 · 练习 · 终局 · 复盘 · 重下)同一个写法:圆角 12、内边距 14 × 16、一档阴影、细描边、半透明磨砂底。
- 阴影三个 token:
--shadow-0(按钮)、--shadow-1(卡片)、--shadow-2(弹层);另外只剩描边环和棋盘自己的投影。三套浅色主题各有更轻的一组。 - 描边一律走
--hair:普通屏 1px,Retina 0.5px(一个物理像素)。 - 主按钮的渐变走主题 token(
--primary-from / to / fg),不再按主题各写一遍覆盖。
细节
- 练习卡片:没有来源、没有反馈时,那两行不占位置。题目与按钮之间 26px → 8px。
- 复盘卡的失着手数是小胶囊:可证明 / 引擎比较 / 局势波动三档靠底色与描边分开,当前这一手实心。
- 「·」两边一律留空格(三条文案此前贴着字)。「漏防被反杀」→「漏防,被反杀」。
- 棋盘格线:Retina 下 1 个物理像素、颜色略深,看上去更细更清楚;1 倍屏不变。
闸门
test-surface S19(v2.1 界面精修)在 v2.0 上失败:
| 项 | v2.0 上实测 | v2.1 |
|---|---|---|
| 最小字号 | 11px(座位副标、标签、时钟、复盘标题) | 12px |
| 700 粗体 | 有(终局卡标题) | 无 |
| 一屏上「字号 × 字重」组合(终局) | 7 | 5 |
| 练习时中粗以上的字占比 | 100% | 45% |
| 五种卡片的圆角 / 内边距 / 阴影 | 5 种写法,都没有阴影 | 1 种 |
| 样式表里不走 token 的阴影 | 8 处 | 0 |
写死的 1px solid 描边 |
有 | 0(Retina 下 0.5px) |
| 练习卡片题目到按钮 | 26px | 8px |
| 复盘小标题 | 拉字距 1.32px、全大写 | 正常 |
| 「·」贴字的文案 | 3 条 | 0 |
说明:Chromium 把小于 1px 的边框一律算成 1px,所以 S19 量的是 --hair 在 2 倍屏上取 0.5px、且样式表里不再有写死的 1px 实线;真机 WKWebView 照画 0.5px。
其余闸门照旧全部通过(test-game / test-surface S1–S18 / test-cross 含对比度 AJ 与溢出 T / W / AP / test-loop / test-daily):字变大、按钮改常规体以后,四套主题下所有文字仍 ≥ AA,没有一处折行压按钮。
标题栏另做了浏览器里的模拟验证(用假的宿主报 52 / 78):顶栏 52px、座位从 82px 起不压红绿灯、空白处与座位上按下发出拖动、按钮上按下不发、报 0(全屏)时退回 44px。真机上能不能拖、全屏、红绿灯位置,由试验版确认。
底层依赖
核对过:@native-sdk/core 最新仍是 0.10.1,这一版无需升级。