Components
Footer 站点页脚
多列链接分组、产品定位说明、版权声明与社交媒体图标插槽。
多列站点页脚
包含品牌简述、4 列导航分组与底部版权条。
<Footer
brand-title="ReCloud Studio"
brand-description="面向开发者工具与现代运维控制台的 UI 系统。"
:columns="sampleColumns"
:socials="sampleSocials"
/>API 参考
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
brandTitle | string | '' | 品牌名称。 |
brandDescription | string | '' | 品牌描述正文。 |
columns | FooterColumn[] | [] | 导航列配置数组:title、links(label、href?、to?、target?)。 |
copyright | string | '© ReCloud Studio. All rights reserved.' | 底部版权文案;默认值为固定文本以确保 SSR hydration 一致。 |
socials | FooterSocial[] | [] | 社交媒体链接数组:name、href、icon?。内置图标支持 github、discord、twitter 与 x(不区分大小写);未知值回退为名称文本。使用 #socials 可完全自定义。 |
bordered | boolean | true | 是否展示顶部边框。 |
slot: logo | slot | — | 自定义品牌 Logo。 |
slot: brand | slot | — | 自定义品牌名称。 |
slot: description | slot | — | 自定义品牌描述区域。 |
slot: newsletter | slot | — | 品牌下方的订阅表单区域。 |
slot: socials | slot | — | 底部社交媒体插槽。 |
slot: copyright | slot | — | 底部版权声明插槽。 |