Components

Footer 站点页脚

多列链接分组、产品定位说明、版权声明与社交媒体图标插槽。

多列站点页脚

包含品牌简述、4 列导航分组与底部版权条。

<Footer
  brand-title="ReCloud Studio"
  brand-description="面向开发者工具与现代运维控制台的 UI 系统。"
  :columns="sampleColumns"
  :socials="sampleSocials"
/>

API 参考

属性类型默认值说明
brandTitlestring''品牌名称。
brandDescriptionstring''品牌描述正文。
columnsFooterColumn[][]导航列配置数组:title、links(label、href?、to?、target?)。
copyrightstring'© ReCloud Studio. All rights reserved.'底部版权文案;默认值为固定文本以确保 SSR hydration 一致。
socialsFooterSocial[][]社交媒体链接数组:name、href、icon?。内置图标支持 github、discord、twitter 与 x(不区分大小写);未知值回退为名称文本。使用 #socials 可完全自定义。
borderedbooleantrue是否展示顶部边框。
slot: logoslot—自定义品牌 Logo。
slot: brandslot—自定义品牌名称。
slot: descriptionslot—自定义品牌描述区域。
slot: newsletterslot—品牌下方的订阅表单区域。
slot: socialsslot—底部社交媒体插槽。
slot: copyrightslot—底部版权声明插槽。