refactor: 调整首页所有板块为全屏布局

🎨 设计调整:
- 所有板块改为 min-h-screen 全屏展示
- 每个板块独立占据一屏,视觉冲击力更强
- 统一使用 flex 居中布局
- 调整标题和内容间距,更适合全屏显示
- 保持响应式设计和所有动画效果

📐 修改的组件:
- HomeServices: 服务能力展示
- HomeAchievements: 数字成就展示
- HomeTestimonials: 客户评价轮播
- HomeTechStack: 技术栈展示
- HomeProcess: 创意流程时间线
- HomeUpdates: 最新动态网格

 视觉效果:
- 更加现代化的全屏滚动体验
- 每个板块都有足够的呼吸空间
- 符合整体设计风格

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
陈春
2026-06-03 19:19:17 +08:00
parent cd87644d41
commit 42c96f7363
6 changed files with 25 additions and 25 deletions
+4 -4
View File
@@ -1,9 +1,9 @@
<template>
<section ref="rootRef" class="relative bg-gradient-to-b from-gray-50 to-white py-32 md:py-40 overflow-hidden">
<div class="w-page-container max-w-[1400px] mx-auto px-6 md:px-10">
<section ref="rootRef" class="relative bg-gradient-to-b from-gray-50 to-white min-h-screen flex flex-col items-center justify-center overflow-hidden py-20">
<div class="w-full max-w-[1400px] mx-auto px-6 md:px-10">
<!-- 标题 -->
<div ref="headerRef" class="text-center mb-20" style="opacity: 0;">
<h2 class="text-4xl md:text-6xl font-bold tracking-tight text-black mb-6">
<div ref="headerRef" class="text-center mb-16 md:mb-20" style="opacity: 0;">
<h2 class="text-5xl md:text-7xl font-bold tracking-tight text-black mb-6">
{{ t('home.testimonials.title') }}
</h2>
<p class="text-lg md:text-xl text-gray-600 max-w-2xl mx-auto">