Ant Design Style Dumi ThemeAnt Design Style Dumi Theme
指南
配置
组件
Changelog
⌘ K
主题配置
文档配置
自定义
ApiHeader
Footer
上一篇
ApiHeader

相关资源

Ant Design
Ant Design Pro
Ant Design Pro Components
Umi-React 应用开发框架
Dumi-组件/文档研发工具
qiankun-微前端框架

社区

Medium
Twitter
yuqueAnt Design 语雀专栏
Ant Design 知乎专栏
体验科技专栏
seeconfSEE Conf-SEE Conf-蚂蚁体验科技大会

帮助

GitHub
更新日志
讨论

more products更多产品

yuque语雀-知识创作与分享工具
AntVAntV-数据可视化解决方案
EggEgg-企业级 Node.js 框架
kitchenKitchen-Sketch 工具集
xtech蚂蚁体验科技
Copyright © 2022-2024
Made with ❤️ by 蚂蚁集团 - AFX & 数字科技
‌
‌
‌
‌

自定义 Footer

基于 dumi 良好的主题架构,我们可以很方便的自定义站点的 Footer。

本主题包中的 Footer 基于 rc-footer 封装,因此该 Footer 组件可以支持图标等 react 组件,这就使得 footer column 的配置项无法做在 themeConfig 中,需要自行引入 Footer 组件传 props 定制。

在你的项目中新建 .dumi/theme/slots 目录,然后在该目录下新建 Footer 组件,内容如下:

tsx

呈现结果如下:

如需自定义 columns ,可查阅:本主题站点 的 Footer 配置参考。

自定义