前往icon-font阿里巴巴矢量图标库
注册账号
将选中的图标点击添加入库
在这里查看加入库的素材:
选择好项目需要的素材,点击添加入项目:
创建新项目:
点击Font-class,点击生成代码:
点击复制代码
在小程序项目目录下新建一个新的文件夹styles来存放样式文件,在styles样式文件里新建一个wxss文件
将第8步复制的代码复制粘贴进去
在app.wxss全局样式中引入你的文件,这样你所有的页面都可以使用。
@import "./styles/iconfont.wxss";
然后就可以在你想要使用的wxml里面使用啦
PS:如果以后有想要加入新的素材,直接去阿里巴巴素材库登录你的账号,把新的素材直接加入到原来的项目,然后重新生成新的代码复制,去你微信小程序项目中建立的iconfont.wxss直接删掉原来的直接覆盖粘贴就可以了。