Skip to content

v0.7.3 — 界面可用性大修 + 真机验收修复

Choose a tag to compare

@zzz-sc-tech zzz-sc-tech released this 18 Oct 06:00
· 69 commits to main since this release

这一版做了什么

v0.7.2 之后做了一轮完整的界面可用性审查与修复,共 6 个提交、约 60 个文件。核心是「用起来不别扭」,不是加功能。

界面与层级

  • 首页重排:今日进度做成 28px 主数字 + 进度条占第一视觉位;「继续学习」提到趋势图上方;右栏收敛为 3 张卡(≥2 门在学才出现「课程完成度」)
  • 考试页:0 答时「交卷」降为描边;播放器移到题号与选项之间;不可作答时给一句能执行的提示
  • 状态不再只靠颜色:当前阶段 = 左侧竖条 + 实心序号,已完成 = 对勾角标,句子的难点/掌握 = 图标 + 读屏文本
  • 四主题对比度:次级灰字从 1.2–2.1:1 提到 4.95–5.28:1;极简白主题下泛听原文从 1.48:1 → 7.73:1(之前整页英文几乎看不见)
  • 字号收敛:26 档声明 → 8 档(12/13/14/15.5/18/24/28/40),字重 6 档 → 4 档

手机

  • 390 宽下泛听媒体区 100px → 310px,阶段导航 350px → 52px
  • 题号导航从 148px 竖网格改成 56px 单行横滚,切题后自动滚到导航下方
  • 横屏改章节窄轨:正文起点从视口外拉回屏内
  • 触控目标统一 44px(含歌词插旗、倍速项、菜单项、侧栏关闭)

可用性与无障碍

  • 键盘可用:章节列表改 roving tabindex(99 个 tab stop → 3 个),↑↓/Home/End 移动,Shift+F10 唤出菜单
  • 加载态分三态,不再「请求还没回来就说没有课程」
  • 弹层支持 Esc 关闭并把焦点还给触发按钮;焦点环改成 2px 实色描边
  • 空态统一成「图标 + 标题 + 说明 + 主次按钮」,文案去掉「管理端 / 索引 / 服务已启动」这类黑话

真机验收(Android Chrome)

  • 修掉词典侧栏整体跑到屏幕外、底部「加入生词本」点不到的问题(入场动画的 fill-mode 给 fixed 后代新建了包含块)
  • 侧栏改用 100dvh;关闭按钮 26px → 44px
  • 弯撇号不再把 don’t 拆成 don + t(点词会查到错误释义)
  • 320 宽下文档被隐藏元素撑宽 52px 的问题

其它

  • 生词本新增本地筛选(词形 / 释义),搜索页的生词结果可直接带词跳转
  • 清理 39 条没人用的界面文案键;术语统一(「标记难点 / 移出难点 / 已掌握」「原文」)

下载哪个

文件 用途
juting-v0.7.3-win-full-cet6.7z 全新安装:程序 + 便携 Node/MySQL + 六级 38 套真题(含音频)
-update.zip 已有安装的程序层更新(约 5 MB)
-deps.zip / -media.zip 依赖层 / 媒体层,客户端会按清单哈希自动判断是否需要下载
SHA256SUMS.txt 校验和

已装 v0.7.2 的用户在设置页点「检查更新」即可:依赖与媒体没变,只会下载约 5 MB 的程序层。

已知未验

iOS Safari 未做真机验证(本版有一处 animation-fill-mode 改动与 100dvh,iPhone 上建议确认词典侧栏位置与底部按钮是否可见)。