Element-ui里面没有的图标,推荐使用Iconfont(阿里图标库)及详细用法

Element-ui中的图标有限,写项目的时候难免会遇到Element-ui中没有的图标,这里推荐使用Iconfont(阿里图标库),里面的图标样式超多~
链接: 阿里图标库-官网地址.

以下给出我认为比较简单的使用方法

1.点开图标库,搜索你想要的图标样式在这里插入图片描述
2.将你需要的图标添加到购物车,这里需要登录,可以使用github账号
在这里插入图片描述
3.这里添加到项目,这里项目名字可以随便写
在这里插入图片描述
4.将文件下载到本地,并解压然后复制到style文件下
在这里插入图片描述
在这里插入图片描述
5.在main.js下导入
在这里插入图片描述
6.打开iconfont.css文件,找到下载下来图标的类名
在这里插入图片描述
7.要在哪里使用图标,就在哪里添加类名
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/oilpastell/article/details/106387250