Footer 页脚
EvFooter 是站点页脚:品牌区(名称/口号/社交)+ 多栏链接 + 底部版权条。链接栏推荐用 大写小标做栏目标题,链接保持安静灰、hover 回到墨色。
基础用法
品牌区 + 多栏链接 + 版权条
soft 开启淡雾底;social 插槽放图标按钮组。
vue
<EvFooter logo-text="cumubase" :columns="footerCols" copyright="© 2026 积云数合">
<template #social>
<EvIconButton icon="github" size="small" />
</template>
</EvFooter>API
Props
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| columns | 链接栏 [{ title, links: [{ label, href, target }] }] | array | [] |
| logo-text | 品牌名 | string | — |
| slogan | 品牌语 | string | — |
| copyright | 版权文案 | string | — |
| soft | 淡雾底形态 | boolean | false |
| glass | 磨砂玻璃质感;缺省跟随全局(ConfigProvider glass) | boolean | — |
| blur | 磨砂强度(px),内联覆盖 --ev-glass-blur | string / number | — |
| saturate | 磨砂饱和度(倍数),内联覆盖 --ev-glass-saturate | string / number | — |
| tint | 磨砂底色浓度(%),内联覆盖 --ev-glass-bg | string / number | — |
插槽
| 插槽 | 说明 |
|---|---|
| brand | 品牌区整体覆写 |
| default | 覆写全部链接栏 |
| social | 社交图标区 |
| legal | 版权条右侧的法务链接区 |