本文记录一下在小程序项目中使用iconfont-阿里巴巴矢量图标库的步骤流程,忘了时候可以看看

第一步,访问网站并登录

网站地址:https://www.iconfont.cn/
登录(注册)略过...

第二步,搜索所需图标,并加入购物车

图一:
image.png

图二:
image.png

图三:
image.png

图四:
image.png

第三步,选择Font class形式,并生成代码

图一:
image.png

图二:
image.png

图三:
image.png

第四步,将生成的代码粘贴到文件目录中去

image.png

第五步,全局引入图标样式代码

image.png

第六步,使用即可

图一使用:
image.png

图二效果图:
image.png

注意,图标的名字是在阿里iconfont那边,如下图:
image.png


水冗水孚
1.1k 声望588 粉丝

每一个不曾起舞的日子,都是对生命的辜负