今天来聊一聊阿里图标库怎么使用?
图标库的应用范围很广,在各种页面都会使用。在封装组件库的时候也不可避免地会使用。我们今天来看看市面最火的阿里图标库是如何使用的?
第一步:
百度iconfont,找到阿里巴巴矢量图标库官网,然后注册登录,或者用github登录也行,此步骤跳过;
第二步:
找到资源管理,创建一个属于自己的项目(这个项目主要用来存放自己的图标)
第三步:
项目新建完成后,往项目里添加我们要想使用的图标,找到图标库,搜索一个想要的图标,然后添加到购物车;
第四步:
进入到自己的项目中,将图标下载到本地,然后解压。
‘
第五步:
在你的项目中引入iconfont.css 文件
第六步:
使用可以利用i标签或者span标签,添加类名,其中一个类名是固定的 iconfont ,另一个类名是icon-所需要的类名。
一个类名是固定的 iconfont ,另一个类名是icon-所需要的类名。
以上步骤就是使用阿里图标的所有步骤!