Vue中使用ElementUI使用第三方图标库iconfont的示例

网络编程 2024/10/2 佚名

3 1 2

1.在http://www.iconfont.cn/阿里巴巴图标库添加图标到自己项目中，然后点击更多项目中的编辑项目

2.修改前缀为el-icon-xxx，xxx自定义，然后将项目下载自本地

3.将这5个文件放入到项目文件中，将iconfont.css引入到Vue项目中，

然后修改iconfont.css的.iconfont处，将其修改为下图所示

4.修改iconfont.css后，大致如下图所示

5.最后就可以采用icon相同方式引入图标，如下图方式引用即可

注意：如果修改前缀为el-icon引入，可能会导致与element-ui的icon冲突导致显示异常。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

Vue,ElementUI第三方图标库,Vue,ElementUI使用iconfont

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“Vue中使用ElementUI使用第三方图标库iconfont的示例”

暂无评论...

更新日志

2024年10月02日

2024年10月02日