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:
@@ -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"
|
||||
>
|
||||
{/* 主标题区域 */}
|
||||
|
||||
Reference in New Issue
Block a user