uni-app引入彩色阿里矢量图标
1.将要用的彩色图标添加到项目中
2.下载到本地,解压
3.打开cmd,找到项目文件夹安装iconfont-tools,敲入命令:
npm install -g iconfont-tools
4.cmd进入解压的文件夹,运行iconfont-tools,一路回车即可
5.点击生成的文件夹
6.将上面箭头指着的iconfont-weapp-icon.css文件复制到项目中的static文件夹中
7.App.vue文件引入,注意路径不要写错了
8.在需要的页面写入
注:class中写入的类名不可以少,这个是从iconfont-weapp-icon.css文件中复制的
效果展示: