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:
@@ -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]">
|
||||
|
||||
Reference in New Issue
Block a user