将阿里图标库的图标引入vue项目

686 阅读1分钟

没想到这点东西网上有些还不好使的,自己记一下防止忘了再看到不好使的文章花费时间。

首先找个自己要用的图标加入购物车,点击添加至项目,如果没有新建个项目

跳到这个界面

点更多操作里编辑项目把

这两项一改,主要是改前缀方便使用的时候有辨识度和不重复

然后下载到本地放在项目的一个文件夹里

只需要这几个就行,main.js引入一下import './assets/icon/iconfont.css'

使用就行:

这里注意在class选择器的名字里加上前缀类的这个iconfont,也就是上图修改前缀时第二项font family,因为我在上头的iconfont上加了个q所以使用的时候也要

搞定