如何自定义Ant Design Pro菜单图标?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1546个文字,预计阅读时间需要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 方法。
本文共计1546个文字,预计阅读时间需要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 方法。

