本文介绍了如何在uni-app小程序中使用ICONFONT的彩色图标。首先，需要在阿里巴巴矢量图标库下载图标并解压。接着，通过iconfont-tools处理文件，并将生成的iconfont-weapp-icon.css引入到项目静态资源目录。最后，在App.vue中引入样式文件，即可在小程序中使用彩色图标。
UNIAPP小程序使用ICONFONT彩色图标
标签： 微信
1、进入阿里巴巴矢量图标库https://www.iconfont.cn/，添加图标到项目，然后下载至本地
解压后的本地文件如下
2、下载iconfont-tools
npm install -g iconfont-tools
进入解压后的文件夹，如上图所示目录，命令行运行
iconfont-tools
然后一直enter,然后就会多出来一个iconfont-weapp的文件夹
进入文件夹,将其中的iconfont-weapp-icon.css放入static目录下，然后在App.vue引入该文件
@import './static/iconfont-weapp-icon.css';
使用：其中t-icon是必须的
<view class="t-icon icon-dianhua"></view>
2805
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
