 陈春
|
bb0020b406
|
feat: 为首页新增板块添加 ScrollTrigger pin 滚动效果
✨ 新增 pin 效果（板块固定，内容随滚动切换）:
1. HomeTestimonials - 客户评价
- 固定板块，滚动自动切换卡片
- 每屏切换一张评价卡片
2. HomeTechStack - 技术栈
- 固定板块，3D 球体自动旋转一圈
- 滚动控制旋转进度
3. HomeProcess - 创意流程
- 固定板块，横向滚动浏览所有步骤
- 6 个步骤依次展示
4. HomeServices - 服务能力
- 固定板块，逐张卡片聚焦展示
- 聚焦卡片放大，其他缩小变暗
- 所有卡片飞入归位后逐个聚焦
5. HomeAchievements - 数字成就
- 固定板块，逐个成就项展示
- 每个数字滚动计数动画触发
6. HomeUpdates - 最新动态
- 固定板块，逐批展示卡片
- 分批出现，每批 3 个卡片
🎯 效果:
- 滚动到板块时自动固定（pin）
- 内部元素随滚动依次展示
- 所有内部元素展示完毕后才继续下一个板块
- 每个板块独特的 pin 动画效果
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
2026-06-03 19:49:18 +08:00 |
|
|
陈春
|
ae20560a35
|
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>
|
2026-06-03 19:26:57 +08:00 |
|
|
陈春
|
42c96f7363
|
refactor: 调整首页所有板块为全屏布局
🎨 设计调整:
- 所有板块改为 min-h-screen 全屏展示
- 每个板块独立占据一屏，视觉冲击力更强
- 统一使用 flex 居中布局
- 调整标题和内容间距，更适合全屏显示
- 保持响应式设计和所有动画效果
📐 修改的组件:
- HomeServices: 服务能力展示
- HomeAchievements: 数字成就展示
- HomeTestimonials: 客户评价轮播
- HomeTechStack: 技术栈展示
- HomeProcess: 创意流程时间线
- HomeUpdates: 最新动态网格
✨ 视觉效果:
- 更加现代化的全屏滚动体验
- 每个板块都有足够的呼吸空间
- 符合整体设计风格
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
2026-06-03 19:19:17 +08:00 |
|
|
陈春
|
cd87644d41
|
feat: 扩展首页内容，新增7个高级动画板块
✨ 新增首页板块:
- HomeServices: 服务能力展示（3D卡片翻转 + 视差移动）
- HomeAchievements: 数字成就展示（数字滚动 + 粒子背景）
- HomeTestimonials: 客户评价轮播（3D轮播 + 拖拽交互）
- HomeTechStack: 技术栈展示（3D球体 + 鼠标控制旋转）
- HomeProcess: 创意流程时间线（横向滚动 + SVG线条动画）
- HomeUpdates: 最新动态网格（Bento布局 + 悬浮卡片）
- HomeCTA: 全屏CTA区域（文字分裂动画 + 星空粒子）
🎨 设计亮点:
- 每个板块独特的动画效果（翻转、滚动、拖拽、旋转、绘制）
- 避免传统布局，采用创意设计
- 丰富的交互效果（hover、拖拽、视差）
- Canvas粒子动画和SVG路径动画
- 响应式设计，完美适配移动端
🌍 国际化:
- 完整的中英文内容
- 涵盖所有新板块的文案
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
2026-06-03 19:14:53 +08:00 |
|