Skip to content

v2.1.0

Choose a tag to compare

@github-actions github-actions released this 10 Oct 15:18
3555466

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,这一版无需升级。