如何在微信小程序中使用字体图标

小程序中经常会使用到图标,由于小程序限制大小,图标使用太多比较占内存,考虑到使用字体图标会比较省内存

字体图标选用的是阿里巴巴矢量图标库

 

使用步骤如下

1.选择想要的图标加入购物车

 

 

2.点击购物车图标会弹出一个侧边栏，点击里面的添加至项目

3.选择Font class按钮, 右击下面的链接会有一个转到xxx.css的文件,复制里面的内容

4.小程序中使用

a./新建一个ico文件,把复制的内容复制到ico.wxss中

 

b/在app.wxss中 引入ico.wxss文件