Repository navigation
v2.0.8 - HUD 伴随智能跟滚、精准展示5个卡片高度与根除底部空白
🚀 界面体验优化与伴随滚动加固 (v2.0.8)
本次更新针对 HUD 面板的视觉层级、视频伴随播放跟滚以及视口布局进行了精细化重构与体验优化:
-
HUD 高度收敛(精准容纳 5 个高亮卡片):
- 优化最大高度至
min(585px, calc(100vh - 8rem)),在保持核心总结与头部展示的同时,面板默认状态恰好完整展开 5 个核心节点卡片; - 避免此前纵向撑满整个播放器右侧的笨重感,为视频画面底部留出更多呼吸空间。
- 优化最大高度至
-
顶部微调下移避让控制栏:
- 面板顶部从
top-14(56px) 优化下移至top-[68px](+12px),避免遮挡或紧贴 Bilibili 播放器顶部控件与标题。
- 面板顶部从
-
彻底根除拖动导航栏时的底部大空白:
- 移除内部滚动容器冗余的
pb-20(80px 巨幅内边距),恢复为紧凑对称的 16px 匀称边距; - 拖拽到底部时最后一张卡片紧密贴合在底部,杜绝“能再塞进一张卡片”的深色大空洞。
- 移除内部滚动容器冗余的
-
伴随视频播放智能跟滚与视口安全区探测:
- 升级
scrollToActiveItem,当节点已在安全视口内时自然播放保持平稳不跳动;当节点接近边缘、被截断或在视口外时,自动平滑居中并为下方节点腾出视线空间; - 深度联动
isUserManualActionActive():用户手动滚轮或滑动翻阅 HUD 时暂缓自动跟滚,绝不与用户“抢滚轮”。
- 升级
-
时间戳多态防御解析与头部保护:
findActiveHighlightIndex防御性兼容number、string、timestampSec和timestampStr;HUDHeader增加shrink-0保护,防止多内容场景下头部被压缩变形。
🧪 自动化测试
- 12 个测试套件,101 项单元测试全部通过 (100% Pass)。