Repository navigation
v0.7.3 — 界面可用性大修 + 真机验收修复
这一版做了什么
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 上建议确认词典侧栏位置与底部按钮是否可见)。