vue中使用iconfont

方法一

1.找到iconfont官网

 

2.找到“我的项目”

两种情况：

① 如果有UI已经新建了项目，设计好了图标，就叫他把里加进项目里，你就能看到你们组的项目图标

② 如果你是自己想用，那就自己新建一个项目，从阿里自带的图表库里把想要的图标加到购物车，然后添加到你的项目里，就像这样：

 

 

 

 

3.下载项目，并引入

 用iconfon命名文件夹，把他们装起来放到assets下，在main.js里引入iconfont.css

import '@/assets/iconfont/iconfont.css'

 4.使用

在需要用的地方写上,后面的icon-chaxun就是图标库里图标的名称

<i class="iconfont icon-chaxun"></i>

5.效果

 方法二

如果你恰好使用了ant-design，官网提供了iconfont的引入方法