element-ui自带的图标库还是不够全,还是需要需要引入第三方icon,自己在用的时候一直有些问题,参考了些教程,详细地记录补充下
对于我们来说,首选的当然是阿里icon库
教程:
图标管理>我的项目,点进去
新建项目
新建项目
项目名称随便写。前缀注意,不要跟element-ui自带的icon(前缀为:el-icon)重名了。
设置完,点新建
注意前缀。设置完,点新建
现在我们返回阿里icon首页,点进去你想要的icon库,因为没有批量导入购物车,所以一般情况下需要一个一个去点,太浪费时间,那么请在控制台输入以下代码,批量导入
@H_404_37@
然后点击回车,他会把这套图库所有icon加入购物车
点页面上的购物车
页面右边的购物车图标,点击
把图标都添加到刚才创建的项目里
设置fontClass,然后下载到本地
下载到本地,解压
将以下代码加进去,注意: el-icon-third 是你之前设置的icon前缀,第二个 el-icon-third前边有空格的