Skip to content

Main 主内容容器

页面主内容容器组件,提供语义化的 <main> 元素,并自动撑满剩余高度。

何时使用:需要定义页面主内容区域时使用,配合 Container、Header、Footer 构成完整布局。

基础用法

API

Slots

名称说明
default主内容区域

注意事项

  • Main 组件默认设置 flex: 1,确保在 Flex 布局中撑满剩余高度
  • 需要在父容器设置 display: flex; flex-direction: column; min-height: 100vh

Released under the MIT License