1、在阿里图标官网添加需要的图标到你的项目中,然后下载文件到本地:https://www.iconfont.cn/
2、解压下载后字体文件,如下:
3、在第二步解压的目录中,打开cmd:
输入命令行:npm install -g iconfont-tools
命令结束后,运行:iconfont-tools 出现如下图所示的内容,按图示输入文件名即可(或者一直回车)
4、以上命令运行结束后,会在目录中生成 iconfont-weapp 文件夹:
进入文件夹,里面的 iconfont-weapp-icon.css ,我们需要在 APP.vue 中引入:
@import './static/iconfont-weapp/iconfont-weapp-icon.css';
5、使用:
<view class="t-icon iconbanqianjihua"></view>
6、效果(*样式根据具体使用场景调整):