Ant Design Pro 菜单icon修改或新增

Posted シ゛甜虾

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ant Design Pro 菜单icon修改或新增相关的知识,希望对你有一定的参考价值。

由于Ant Design Pro菜单和以前不一样了,去官网查到的Icon图标无法直接使用名称了,那怎么办呢,办法总是比问题多的,进入官网的图标组件,找到你想要用的图标,进入开发模式

图标 Icon - Ant Design

找到图标的data-icon属性,如下图

 放大一点

将data-icon的内容替换到Ant Design Pro 项目菜单中的icon值即可

图标愉快的显示出来了

以上是关于Ant Design Pro 菜单icon修改或新增的主要内容,如果未能解决你的问题,请参考以下文章

Ant Design Pro V4.5 从服务器请求菜单图标不显示解决

Ant Design Pro Vue使用心得

ant-design-pro 动态菜单-路由详解

Ant Design Pro V4.5 从服务器请求菜单不显示,刷新后菜单不显示解决办法(typescript版)

003-ant design pro 路由和菜单

Ant Design Pro路由菜单