来源
废话不多说,写项目的时候总遇到小图标的纠结,设计师切图也麻烦,图标又小,每次切完图下载还得压缩一下,节省空间,还是iconfont字体图标比较香。
引入
因为考虑到下载引入的时候比较麻烦,每次更新图标之后都要重新下载导入,所以开发阶段还是建议采用线上链接,等正式上线的时候再一次性下载导入颇为合适。
- 点击生成在线代码
- 直接点击这个链接查看代码
- 复制全部的代码
- 然后进入uniapp项目中,在static下(或其他自定义喜欢的地方),新建一个iconfont.css文件,把代码拷进去即可
- 在main.js中直接引入该文件
- 最后使用就好了,给view元素添加iconfont和图标类名,类名在iconfont官网查看
补充:后续如果有图标更新的话,只需要把这个代码从官网项目重新拷贝更新就好了,无需重复下载导入更新,速度快很多