font-icon各类图标的使用

前言

最近项目的app中需要用到定位用的气球图标,本来很傻的去网上各种找图片,后来发现原来阿里有开源的图标库。

使用

官网地址:https://www.iconfont.cn/
进入官网后首先登录注册,然后点击图标管理按钮,选择我的项目
font-icon各类图标的使用
然后点击新建项目按钮,新建一个项目。
font-icon各类图标的使用
接下来就可以去图标库里找自己想要的任何图标了,选择好你想要的图标之后,加入购物车,在购物车中添加到项目中。
然后会生成相应的css和js代码,在html页面中引入这些代码就好。
font-icon各类图标的使用
绿色圈的是css代码,黄色圈的是js代码。
后面的话就按照你自己的需要调正图标大小和位置了。