fix(HomePage): 修复页面高度为自适应

- 移除固定的 heroHeight (60vh/80vh/100vh)
- 改用 minH=100% 自适应容器高度
- 修复页面不必要的滚动问题

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-23 14:15:36 +08:00
parent fd5b74ec16
commit 0b683f4227

View File

@@ -36,7 +36,6 @@ const HomePage: React.FC = () => {
// 响应式配置
const {
heroHeight,
headingSize,
headingLetterSpacing,
heroTextSize,
@@ -85,11 +84,11 @@ const HomePage: React.FC = () => {
const isMobile = isMobileDevice();
return (
<Box>
{/* Hero Section - 深色科技风格 */}
<Box minH="100%">
{/* Hero Section - 深色科技风格,自适应容器高度 */}
<Box
position="relative"
minH={heroHeight}
minH="100%"
bg="linear-gradient(135deg, #0E0C15 0%, #15131D 50%, #252134 100%)"
overflow="hidden"
>
@@ -98,7 +97,7 @@ const HomePage: React.FC = () => {
<VStack
spacing={{ base: 5, md: 8, lg: 10 }}
align="stretch"
minH={heroHeight}
py={{ base: 8, md: 10, lg: 12 }}
justify="center"
>
{/* 主标题区域 */}