编程 Javascript

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

Posted in Javascript onOctober 11, 2018

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

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

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

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

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

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

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

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

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

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

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

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

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

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

- Author -

无双孟堂

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js返回上一页并刷新代码整理

Dec 21 Javascript

JS中不为人知的五种声明Number的方式简要概述

Feb 22 Javascript

jQuery选择器源码解读（七）：elementMatcher函数

Mar 31 Javascript

jquery+html5制作超酷的圆盘时钟表

Apr 14 Javascript

浅谈jQuery双事件多重加载的问题

Oct 05 Javascript

Vue中添加过渡效果的方法

Mar 16 Javascript

JS中正则表达式全局匹配模式 /g用法详解

Apr 01 Javascript

vue.js加载新的内容(实例代码)

Jun 01 Javascript

webpack学习--webpack经典7分钟入门教程

Jun 28 Javascript

node中koa中间件机制详解

Aug 22 Javascript

微信小程序block的使用教程

Apr 01 Javascript

小程序跨页面交互的作用与方法详解

Jan 07 Javascript

css配合JavaScript实现tab标签切换效果

Oct 11 #Javascript

vue最简单的前后端交互示例详解

Oct 11 #Javascript

JavaScript中七种流行的开源机器学习框架

Oct 11 #Javascript

用Object.prototype.toString.call(obj)检测对象类型原因分析

Oct 11 #Javascript

使用vue 国际化i18n 实现多实现语言切换功能

Oct 11 #Javascript

详解Angular5/Angular6项目如何添加热更新(HMR)功能

Oct 10 #Javascript

Node.js npm命令运行node.js脚本的方法

Oct 10 #Javascript

Spring Boot(5) EventBus(1) muduo(1) ICF-5900W(2) 多线程(6) pt-archiver(1) Fragment(1) 忘记密码(1) Spring-Retry(1) TcpServer(1)

You might like

php ss7.5的数据调用（笔记）

2010/03/08 PHP

PHP关于IE下的iframe跨域导致session丢失问题解决方法

2013/10/10 PHP

详解WordPress中过滤链接与过滤SQL语句的方法

2015/12/18 PHP

PHP数据库处理封装类实例

2016/12/24 PHP

解决在laravel中leftjoin带条件查询没有返回右表为NULL的问题

2019/10/15 PHP

Jquery优化效率提升性能解决方案

2010/09/06 Javascript

原来Jquery.load的方法可以一直load下去

2011/03/28 Javascript

javascript获得网页窗口实际大小的示例代码

2013/09/21 Javascript

javascript Array.prototype.slice的使用示例

2013/11/14 Javascript

Extjs 4.x 得到form CheckBox 复选框的值

2014/05/04 Javascript

JavaScript数组函数unshift、shift、pop、push使用实例

2014/08/27 Javascript

jQuery中outerHeight()方法用法实例

2015/01/19 Javascript

微信小程序仿美团分类菜单 swiper分类菜单

2017/04/12 Javascript

vue resource post请求时遇到的坑

2017/10/19 Javascript

使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)

2018/05/01 Javascript

在vue项目中使用Jquery-contextmenu插件的步骤讲解

2019/01/27 jQuery

详细介绍Python语言中的按位运算符

2013/11/26 Python

Python中利用原始套接字进行网络编程的示例

2015/05/04 Python

基于Python如何使用AIML搭建聊天机器人

2016/01/27 Python

Python填充任意颜色,不同算法时间差异分析说明

2020/05/16 Python

Python分析微信好友性别比例和省份城市分布比例的方法示例【基于itchat模块】

2020/05/29 Python

python能开发游戏吗

2020/06/11 Python

python输出国际象棋棋盘的实例分享

2020/11/26 Python

在 Python 中使用 7zip 备份文件的操作

2020/12/11 Python

英国办公用品商店：Office Outlet

2018/04/04 全球购物

Nike瑞典官方网站：Nike.com (SE)

2018/11/26 全球购物

机械设计及其自动化专业推荐信

2013/10/31 职场文书

大学生个人事迹材料

2014/01/21 职场文书

关于旅游的活动方案

2014/08/15 职场文书

学雷锋的心得体会

2014/09/04 职场文书

城市轨道交通工程职业生涯规划书范文

2014/09/16 职场文书

领导班子在批评与自我批评座谈会上的发言

2014/09/28 职场文书

2014年便民服务中心工作总结

2014/12/20 职场文书

2015年学生会纪检部工作总结

2015/03/31 职场文书

道歉的话语大全

2015/05/12 职场文书

PHP中strval()函数实例用法

2021/06/07 PHP