Skip to content

Hero 英雄区

英雄区组件,用于页面顶部的品牌展示区域。

基础用法

自定义标题和描述

通过插槽可以更灵活地定制内容。

纯展示模式

不需要按钮时,可以省略 actions 插槽。

API

Props

属性类型默认值说明
titlestring-标题文字
descriptionstring-描述文字

Slots

名称说明
title自定义标题内容(优先级高于 title prop)
description自定义描述内容(优先级高于 description prop)
actions操作区域,通常放置按钮

响应式

  • 移动端:标题约 40px,内边距 4rem
  • 平板:标题约 48px,内边距 6rem
  • 桌面:标题约 60px

注意事项

  • Hero 组件只负责布局和样式,不包含内置按钮
  • 按钮需通过 actions 插槽自行添加
  • 组件使用 Container 自动控制最大宽度和居中

Released under the MIT License