antd引入阿里巴巴矢量图库的icon图标

antd的icon库满足不了用户的需求,因而很多人会去阿里矢量图库搜索自己理想的图标,在选择好自己想要的图标后,按以下步骤可将其完美的引入我们的antd的项目中了

第一步:将图标均添加至各位自己创建的我的项目中去,这样方便之后的操作

antd引入阿里巴巴矢量图库的icon图标_第1张图片

第二步:规范命名你所选择的图标,并且加上项目的名称作为前缀,防止与antd自带的icon的命名有冲突。之后一定记得要编辑项目的打包的字体设置和font的前缀!!!这一步很重要

antd引入阿里巴巴矢量图库的icon图标_第2张图片 

 antd引入阿里巴巴矢量图库的icon图标_第3张图片

第三步:前面两步完成后,在项目的图标管理文件,将此项目的图标打包下载下来,此时下载下来的是一个压缩包。 

antd引入阿里巴巴矢量图库的icon图标_第4张图片

 第四步:最后,将下载下来的6个文件复制到antd工程public文件夹下,覆盖原有的这6个文件

antd引入阿里巴巴矢量图库的icon图标_第5张图片

 

antd引入阿里巴巴矢量图库的icon图标_第6张图片 

之后,根据你给每个图标的命名就可以直接拿来使用了~~有疑问的或者有问题的可以欢迎大家留言哟 

你可能感兴趣的:(antd)