Skip to content

v2.0.8 - HUD 伴随智能跟滚、精准展示5个卡片高度与根除底部空白

Choose a tag to compare

@github-actions github-actions released this 27 Sep 09:44
· 3 commits to main since this release

🚀 界面体验优化与伴随滚动加固 (v2.0.8)

本次更新针对 HUD 面板的视觉层级、视频伴随播放跟滚以及视口布局进行了精细化重构与体验优化:

  1. HUD 高度收敛(精准容纳 5 个高亮卡片):

    • 优化最大高度至 min(585px, calc(100vh - 8rem)),在保持核心总结与头部展示的同时,面板默认状态恰好完整展开 5 个核心节点卡片;
    • 避免此前纵向撑满整个播放器右侧的笨重感,为视频画面底部留出更多呼吸空间。
  2. 顶部微调下移避让控制栏:

    • 面板顶部从 top-14 (56px) 优化下移至 top-[68px] (+12px),避免遮挡或紧贴 Bilibili 播放器顶部控件与标题。
  3. 彻底根除拖动导航栏时的底部大空白:

    • 移除内部滚动容器冗余的 pb-20(80px 巨幅内边距),恢复为紧凑对称的 16px 匀称边距;
    • 拖拽到底部时最后一张卡片紧密贴合在底部,杜绝“能再塞进一张卡片”的深色大空洞。
  4. 伴随视频播放智能跟滚与视口安全区探测:

    • 升级 scrollToActiveItem,当节点已在安全视口内时自然播放保持平稳不跳动;当节点接近边缘、被截断或在视口外时,自动平滑居中并为下方节点腾出视线空间;
    • 深度联动 isUserManualActionActive():用户手动滚轮或滑动翻阅 HUD 时暂缓自动跟滚,绝不与用户“抢滚轮”。
  5. 时间戳多态防御解析与头部保护:

    • findActiveHighlightIndex 防御性兼容 number、string、timestampSec 和 timestampStr;
    • HUDHeader 增加 shrink-0 保护,防止多内容场景下头部被压缩变形。

🧪 自动化测试

  • 12 个测试套件,101 项单元测试全部通过 (100% Pass)。