Element UI自带的图标数量太少了,并不能满足我们的开发需求

第三方图标地址

链接为:iconfont-阿里巴巴矢量图标库

操作步骤

查找需要的图标,添加入库

img

点击右上角的购物车图标按钮,添加到项目,没有项目就新建

img

img

修改项目设置,可以给图标加一个前缀

img

img

修改图片(样式、名称等)

img

选择Font Class,下载至本地

img

将下载的压缩包解压后,将里面的文件复制到项目中

img

在项目中引用

/src/main.js中引入即可

1
import '@/assets/myicon/iconfont.css';