Skip to content

v0.2.0 · 首屏墙面灯光与整段翻页

Choose a tag to compare

@Uronika Uronika released this 20 Jun 14:12

发布信息

  • 日期时间(Asia/Hong_Kong):2026-06-20 22:12
  • 改动前备份标签:backup/20260620-215716-before-hero-lighting
  • 目标提交:73ca525cd19381f698f4f93d4c1884cbf609759a
  • 涉及文件:package.json、src/components/HeroSectionPager.astro、src/pages/index.astro、src/styles/global.css、tests/e2e/site.spec.ts

改动梗概

  • 将版本提升至 0.2.0。
  • 桌面首屏加入完整视口大小的暖橙墙面聚光和渐变黑幕:左侧接近不透明,向右逐渐透出作品与光线。
  • 为首页后四段加入位置交替、强度更弱的橙红余光;手机端只保留减弱灯光,不启用全屏黑幕。
  • 桌面首屏标题、说明、按钮和作品拼贴放大约 12%–15%,导航与章节圆点尺寸保持不变。
  • 增加低高度桌面紧凑样式,并将放大后的拼贴约束在视口内,避免横向溢出。
  • 新增首屏翻页控制器:桌面非减少动态模式下,纵向滚轮累计 48px 后在首屏与能力段之间双向整段滚动;使用 850ms 输入锁和 180ms 空闲重置处理触控板惯性。
  • 忽略横向手势、Ctrl + 滚轮、移动端和减少动态模式;首页后续段落继续使用原有柔和吸附。
  • 移除首页章节重复的滚动偏移,能力段现在正确停在悬浮导航下方。
  • 扩充 Playwright 覆盖,固定验证黑幕尺寸、灯光层、首屏缩放、双向翻页、手机尺寸和无横向溢出。

验证结果

  • pnpm check:34 个文件,0 errors、0 warnings、0 hints。
  • pnpm build:12 个静态页面、站点地图与 resume.pdf 生成成功。
  • 本地 Playwright E2E:31 passed,5 skipped(按设备适用范围跳过)。
  • 1440×900 与 390×844 视觉复核:页面返回 200,无横向溢出、无控制台错误;桌面黑幕、聚光和放大构图正确,手机保持自然布局。
  • GitHub Actions:静态检查、构建、PDF、E2E、Pages 产物上传和部署全部通过。
  • 部署记录:https://github.com/Uronika/Uronika.github.io/actions/runs/27873581275

残留风险与待办

  • 单次翻页使用桌面浏览器 wheel 事件;已覆盖 Chromium 的滚轮与触控板惯性模型,其他浏览器仍可能存在细微手感差异。
  • GitHub 官方 Actions 仍报告目标 Node.js 20 运行时弃用提示;当前 runner 已强制使用 Node.js 24,不影响构建或部署,后续应随官方 Action 版本升级。
  • 真实姓名、职位、邮箱、账号和部分作品素材仍为明确占位内容,正式对外展示前需要继续补齐。