zl程序教程

您现在的位置是:首页 >  前端

当前栏目

react调用antd4.X自定义图标 icon | 阿里巴巴矢量图标

React 调用 自定义 图标 阿里巴巴 矢量 icon
2023-06-13 09:15:17 时间

1 先贴图

2 看官网代码

https://ant.design/components/icon-cn/#components-icon-demo-custom

使用 iconfont.cn,使用多个和单个是异曲同工之处。那里的scriptUrl是生成的一个远程链接,我们在react里面调用它即可。

3 看这篇博客

https://blog.csdn.net/weixin_44021270/article/details/107377658

4 解决阿里巴巴矢量图标自定义更改后无法引用问题

当我们更改了阿里矢量图标后会出现这行次,而且生成以后无法调用。咱办嘞,有一个方法!

  1. 我们把刚刚改的图标下载下来
  1. 然后再给上传上来
  1. 找到我们刚刚上传的图标,加入购物车。

4.生成代码,完成调用!