Ant Design Pro 菜单自定义 icon 如何实现更丰富的长尾词图标选择?

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

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

Ant Design Pro 菜单自定义 icon 如何实现更丰富的长尾词图标选择?

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 方法。

阅读全文

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

Ant Design Pro 菜单自定义 icon 如何实现更丰富的长尾词图标选择?

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 方法。

阅读全文