vue+elementUI引用第三方iconFont字体图标(阿里巴巴矢量图标库)

Posted web半晨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue+elementUI引用第三方iconFont字体图标(阿里巴巴矢量图标库)相关的知识,希望对你有一定的参考价值。

第一步:登录阿里巴巴矢量图标库。


第二步:把需要的图标添加到购物车中。


第三步:点击购物车中的“添加至项目”按钮。


第四步:点击项目中的“下载至本地”,会下载一个压缩包。


第五步:把压缩包解压,接着把压缩包里面的内容复制到自己的项目中。最好是在自己的项目中创建一个文件夹存放这个压缩包。


第六步:使用注意,必须加上“iconfont”前缀。也就是原文章中的12步。


原文

以上是关于vue+elementUI引用第三方iconFont字体图标(阿里巴巴矢量图标库)的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli3按需引用elementUI

vue elementui 引入第三方icon iconfront

elementUI + vue + 直接引用vue和element css和js 菜单组件递归

elementUi+table实现表格数据滚动

VUE中使用ElementUi的Message弹窗提示

VUE中使用ElementUi的Message弹窗提示