效果展示:
引入眼睛的图标
![在这里插入图片描述](https://img-blog.csdnimg.cn/5f215c4562af4f8d8b8e49d85bd0dd0d.png)
步骤:
1:https://www.iconfont.cn/
2:搜索![在这里插入图片描述](https://img-blog.csdnimg.cn/1b3224fe21bd4b72a6ba6a06f35d9ed2.png)
3:放在要选择的图标上“添加入库”
4:点击自己的购物车
5:下载代码
6,向项目的src文件夹下的assets添加iconfont文件夹,将刚刚9个文件复制到里面
7、main.js中
import './assets/iconfont/iconfont.css';
8、对应的.vue文件中
<i class="iconfont icon-yanjing"></i>
9、注意
iconfont后面的名称为“frontclass”下的名称
![在这里插入图片描述](https://img-blog.csdnimg.cn/2ed753ff03724a569aadd884b1a87fa1.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5rqQ5YaZ5Luj56CB,size_9,color_FFFFFF,t_70,g_se,x_16)