编程语言
首页 > 编程语言> > 小程序使用多彩iconfont

小程序使用多彩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名称是什么

标签:文件,多彩,iconfont,程序,static,tools,css,icon
来源: https://www.cnblogs.com/newBugs/p/16358014.html