Hero 英雄区
英雄区组件,用于页面顶部的品牌展示区域。
基础用法
自定义标题和描述
通过插槽可以更灵活地定制内容。
纯展示模式
不需要按钮时,可以省略 actions 插槽。
API
Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
title | string | - | 标题文字 |
description | string | - | 描述文字 |
Slots
| 名称 | 说明 |
|---|---|
title | 自定义标题内容(优先级高于 title prop) |
description | 自定义描述内容(优先级高于 description prop) |
actions | 操作区域,通常放置按钮 |
响应式
- 移动端:标题约 40px,内边距 4rem
- 平板:标题约 48px,内边距 6rem
- 桌面:标题约 60px
注意事项
- Hero 组件只负责布局和样式,不包含内置按钮
- 按钮需通过
actions插槽自行添加 - 组件使用
Container自动控制最大宽度和居中