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
+2 -2
View File
@@ -1,6 +1,6 @@
<template>
<section ref="rootRef" class="relative bg-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-white min-h-screen flex items-center justify-center overflow-hidden py-20">
<div class="w-full max-w-[1400px] mx-auto px-6 md:px-10">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-20 items-center">
<!-- 左侧3D 球体 -->
<div class="relative h-[500px] md:h-[600px]">