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