小程序使用多彩iconfont

一、全局安装  npm install -g iconfont-tools

二、在下载的icon文件夹中打开终端,输入iconfont-tools,然后回车

三、根据提示可一路回车,也可自定义修改

四、最后会生成一个文件夹,里面包含一个css文件

五、将这个css文件放在项目的static

六、在App.vue中引入这个css文件  @import "~@/static/font/iconfont-weapp-icon.css";

七、使用  <i class="t-icon t-icon-dianzan2-01"></i> ,t-icon是生成css的时候默认的前缀,可打开css文件看看第一个class名称是什么

posted @ 2022-06-09 08:54  小万子呀  阅读(109)  评论(0编辑  收藏  举报