如何自定义Ant Design Pro菜单图标?

2026-06-10 19:142阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1546个文字,预计阅读时间需要7分钟。

如何自定义Ant Design Pro菜单图标?

Ant Design Pro 官方文档说明,在菜单中使用自定义的 icon,由于 Umi 的限制,在 router.config.js 中不能直接使用图标,仅支持组件形式。Pro 版本暂时支持使用 ant.design 本身的 icon type,并传入一个 img 的 url。

Ant Design Pro 官方文档说明 在菜单中使用自定义的 icon

由于 umi 的限制,在 router.config.js 是不能直接只是用组件的,Pro 中暂时支持 使用 ant.design 本身的 icon type,和传入一个 img 的 url。只需要直接在 icon 属性上配置即可,如果是个 url,Pro 会自动处理为一个 img 标签。

如果这样还不能满足需求,可以自定义 getIcon 方法。

阅读全文

本文共计1546个文字,预计阅读时间需要7分钟。

如何自定义Ant Design Pro菜单图标?

Ant Design Pro 官方文档说明,在菜单中使用自定义的 icon,由于 Umi 的限制,在 router.config.js 中不能直接使用图标,仅支持组件形式。Pro 版本暂时支持使用 ant.design 本身的 icon type,并传入一个 img 的 url。

Ant Design Pro 官方文档说明 在菜单中使用自定义的 icon

由于 umi 的限制,在 router.config.js 是不能直接只是用组件的,Pro 中暂时支持 使用 ant.design 本身的 icon type,和传入一个 img 的 url。只需要直接在 icon 属性上配置即可,如果是个 url,Pro 会自动处理为一个 img 标签。

如果这样还不能满足需求,可以自定义 getIcon 方法。

阅读全文