微信小程序 如何使用阿里图标库图标

经常开发小程序，app之类的肯定会有为各类图标烦恼，比如箭头，比如+号等等。

阿里图标库

阿里巴巴矢量图标库地址：https://www.iconfont.cn/home/index    一般可以直接下载png格式到自己项目对应文件下，当然这个不方便，更快捷的是建立项目，然后将图标添加到项目中使用。

我的项目

在微信小程序中我们可以直接使用Unicode来操作。

看上图，复制@font-face 代码块，放到微信小程序的根目录下的wxss文件中去，可以新建，也可以放到app.wxss 。 一般新建一个文件 0.wxss 然后将代码copy进去，如下图

使用

.iconfont{} 自己设置，一般如上写即可。下面的就是具体的图标了，content内容表示这个图标，格式是 命名:before{ content : "\xxxx"; }  这边的e608 就是下图的 将&#x 去除后的内容。

如此便能使用这个图标了，在class中直接使用即可，这边的icon-addimage 就是  :before 之前的自己定义的内容。

使用方法

到此结束！如果喜欢就点赞关注吧！