图标的使用
我使用的是 阿里巴巴矢量图标:https://www.iconfont.cn/
可以用新浪账号登陆,
搜索需要的图标,加入购物车,然后去购物车,把需要的添加项目A,
如果没有项目A,先创建一个,以后这个项目里面还需要其他图标,就可以继续加入
进入图标管理,我的项目
找到项目A,下载至本地,下载后是一个包,里面有css.js.tff等。。。
在vue项目种,创建文件夹 iconFont,然后将下载的包里面的除了demo以外的都复制到iconFont
mian.js 引入fonticon的css:
import './iconFont/iconfont.css'
然后就可以直接用:
<i class="iconfont icon-home " style="font-size: 24px;"></i>