Ant Design Pro 菜单自定义 icon 如何实现更丰富的长尾词图标选择?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1532个文字,预计阅读时间需要7分钟。
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 由于 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 方法。

