阿里在线图标应用antd具体流程:

一:使用目的和优势

WEB开发中经常会遇见使用各种各样的图标,而使用阿里图标的好处:

1:免费且图标种类多,支持各种关键字搜索;

2:支持下载到本地和云CDN使用方式;

3:支持多种使用格式如png、svg、字体文件等等;

4:支持收藏和创建自己的项目库图标,可以把自己当前项目常用的图标归纳整理在一起;

二:使用流程

1:登录阿里图标网


2:搜索想要的图标,然后收藏到购物车:


3:在购物车中添加至对应的项目:

4:在图标管理->我的项目中找到添加的图标

5:选择对应的使用模式,然后点击查看在线链接->点击复制此代码


6:按照antd文档,在项目中使用:


其中scriptUrl是第五步复制的网址,type的值是对应图标点击复制代码的值,

这样就可以生成了一个可复用,且支持改变颜色和大小的图标组件了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。