ant-design-pro中菜单图标/业务组件,iconfont的使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ant-design-pro中菜单图标/业务组件,iconfont的使用相关的知识,希望对你有一定的参考价值。

参考技术A 在config.js中使用路由routes时,路由上的icon默认是可以使用antd中的icon,通过icon字段来设置。但是,很多情况下我们需要使用自定义的图标,如iconFont,此时我们可以设置如上的的iconfontUrl,来使用我们iconFont中的图标,如图:

至此,可以将图标下方的type,如:icon-weixin,设置到路由中的icon上,即可设置成功。

其中scriptUrl也是iconfont中的项目地址。

将通用icon组件引入,设置type即可使用在iconfont项目中的图标。

以上是关于ant-design-pro中菜单图标/业务组件,iconfont的使用的主要内容,如果未能解决你的问题,请参考以下文章

Ant-design-pro的动态菜单的实现

如何将自定义图标添加到 Oro 前台菜单项?

为 .NET 5/6 win 表单实现托盘图标上的菜单

ant-design-pro 之 Login 组件

nginx部署ant-design-pro

ant-design-pro中的状态管理