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>