图标的使用

 

我使用的是 阿里巴巴矢量图标: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>