Skip to content

Hero 配置覆盖映射

此页面把运行时配置键映射到对应的嵌套展示页。

唯一 API 权威页:

Hero 根配置

Key Showcase
hero.name / hero.text / hero.tagline
hero.layout.viewport
hero.actions[]
page-level cssVars

单背景模式

Key Showcase
hero.background.type: color
hero.background.type: image
hero.background.type: video
hero.background.type: shader
hero.background.type: particles

分层背景模式

Key Showcase
hero.background.layers[] 基础组合
layers[].zIndex/opacity/blend
layers[].shader + layers[].particles
主题同步层叠组合

波浪系统

Key Showcase
默认波浪桥接
形状与透明度
移动端调优
不支持 background.type: waves 的处理

图片类型

Key Showcase
hero.image.type: image
hero.image.type: gif
hero.image.type: video
hero.image.type: lottie
hero.image.type: model3d

浮动元素

Key Showcase
hero.floating.enabled + 文本基础
卡片样式
混合元素

按钮与特性

Key Showcase
操作按钮主题与布局
特性卡片滚动

文档内导航