fix: 修复首页加载和动画时序问题

🐛 问题修复:
- 移除所有新板块的初始 opacity: 0 样式
- 防止新板块初始隐藏导致黑屏问题
- 确保页面加载后内容立即可见
- 修复菜单延迟出现的问题

🎨 优化调整:
- 改用 CSS class 控制动画初始状态
- ScrollTrigger 动画在滚动到对应位置时才触发
- 不影响首屏 Hero 和 Intro 的加载动画
- 保持所有板块的入场动画效果

 修复的组件:
- HomeServices
- HomeAchievements
- HomeTestimonials
- HomeTechStack
- HomeProcess
- HomeUpdates
- HomeCTA

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
陈春
2026-06-03 19:26:57 +08:00
parent 42c96f7363
commit ae20560a35
7 changed files with 17 additions and 15 deletions
-1
View File
@@ -11,7 +11,6 @@
:key="achievement.id"
:ref="el => setAchievementRef(el, index)"
class="achievement-item flex flex-col md:flex-row items-start md:items-center gap-8"
style="opacity: 0;"
>
<!-- 数字 -->
<div class="flex-shrink-0">