feat: 添加首页入场动画并优化滚动交互

- 在 lenis.client.ts 中提供 lenis 实例供全局使用 - 添加首页入场动画，包含字母动画和过渡效果 - 优化滚动行为，入场期间锁定滚动 - 修复自定义光标初始位置问题 - 调整页面布局样式，隐藏滚动条 - 更新头部组件类名以匹配新设计
2026-04-26 19:26:27 +08:00
parent fc52afda99
commit 3173bd3cd6
5 changed files with 248 additions and 43 deletions
@@ -83,7 +83,7 @@ onBeforeUnmount(() => {
 <template>
  <header
    ref="topHeaderRef"
-    class="fixed left-0 right-0 top-0 z-50 mx-auto h-[70px] w-page-container max-w-[calc(100%-2rem)] bg-red-200 px-4 py-5"
+    class="site-header-top fixed left-0 right-0 top-0 z-50 mx-auto h-[70px] w-page-container max-w-[calc(100%-2rem)] bg-red-200 px-4 py-5"
  >
    <nav>Top Navigation</nav>
  </header>