ElementUI：项目中引入自己的ICON
一、 阿里巴巴矢量图标库Iconfont选择自己需要的icon并添加入库
二、 点击右上角购物车
三、 将图标添加至项目
四、 点击右上角更多操作中的编辑项目
五、 修改前缀，与ElementUI自带的前缀相同el-icon-
六、 下载到本地
七、 将需要的文件引入到项目中
八、 修改iconfont.css，注意class与font-family要与自己的对应
[class^="el-icon-hk"], [class*=" el-icon-hk"] {font-family:"iconfont" !important;/* 以下内容参照第三方图标库本身的规则 */font-size: 18px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
九、 main.js中引入
十、 代码中使用即可
使用规则：给需要加入icon的加入对应class类名即可
ElementUI：项目中引入自己的ICON相关推荐
- 前端学习笔记系列一：5 在项目中引入阿里图标icon
进入到阿里的图标库网站,里面有上百万种icon,https://www.iconfont.cn,需要注册一个帐号,然后进入到这个页面,在这里点击右下角的带加号的图标,创建一个新的项目,名称与你要使用图 ...
- vue+elementui项目中引入第三方字体文件的方法示例
# 问题描述: vue中项目,发现相同页面在不同电脑上,字体显示效果不一致,例如:代码中设置了楷体,在某些电脑上显示不是楷体效果. # 解决方案: 1.先下载字体文件所需的.ttf文件(这不很重要,你 ...
- vue+elementUI项目中使用NavMenu导航菜单
vue+elementUI项目中使用NavMenu 导航菜单 在elementUI官网组件中NavMenu 导航菜单的使用只是简单地运用,在实践项目中还需要配合路由配置.一般后台管理系统不只是导航菜单 ...
- Vue、Element-ui项目中如何使用Iconfont(阿里图标库)
我们使用element-ui.vue开发网站的时候,往往图标是起着很重要的作用. 2018-11-9更新 VX号: LJT-917 这是我的微信公众号全是技术文章: 1.傻瓜式引用:由于这种方法及其 ...
- 项目中引入阿里巴巴图标——iconfont图标的使用-svg格式
项目中引入阿里巴巴图标--iconfont图标的使用-svg格式 一.下载图标 1.先进入iconfont.cn页面 iconfont官网:https://www.iconfont.cn/ 2.登陆, ...
- ReactNative 在丁香医生项目中引入的踩坑日记
ReactNative 在丁香医生项目中引入的踩坑日记 this没绑定到函数导致空指针 参考 React-Native 踩坑第二弹-undefined is not a function(evalua ...
- vue ajax highcharts,在vue项目中引入highcharts图表的方法(详解)
npm进行highchars的导入,导入完成后就可以进行highchars的可视化组件开发了 npm install highcharts --save 1.components目录下新建一个char ...
- 在C++项目中引入Lua（AlphaGo使用的方案）
最近大火的AlphaGo,其中的deepmind已经开源,可以到github中下载https://github.com/deepmind/lab·,网上还有一个基于Python开源AlphaGo,那个 ...
- 引入 javascript_在您JavaScript项目中引入类型安全性？ 再想一想
引入 javascript by James Wright 詹姆斯·赖特(James Wright) 在您JavaScript项目中引入类型安全性? 再想一想 (Introducing Type Sa ...
- 如何在Vue项目中引入ArcGIS JavaScript API 创建三维可视化地图（含vue项目创建教程）
新手上路之在Vue项目中引入ArcGIS API 视频教程 B站搜索 X北辰北,感谢up主无私的教学~ B站地址:https://www.bilibili.com/video/BV18E411K7B ...
最新文章
- 《Python知识手册》，V3.0版来了，2021年，走起！
- 2017电大c语言形考册,（2017年电大）中央广播电视大学c语言程序设计形成性考核册及答案.doc...
- tensorflow，神经网络创建源码
- :link,:visited,:focus,:hover,:active详解
- springboot使用@Scheduled作定时任务详细用法
- win7安装mysql 5.7.25_Windows下安装mysql-5.7.25-winx64.zip
- js(Dom+Bom)第七天（2）
- 企业数字化转型解决方案
- php layui 上传文件,laravel使用layui 上传文件 支持pdf上传
- vue Draggable实现拖动改变顺序
- 2020即将过去，数据库最好的时代已经到来！
- 剑指offer(C++)-JZ8：二叉树的下一个结点(数据结构-树)
- android 重用布局区分控件,【专题分析】布局优化
- tooltips 提示
- 上传图片至fastdfs显示连接超时
- 计算机操作系统详细学习笔记（三）：存储管理
- WebService接口开发和调用
- 神州数码交换机enable密码清除
- nginx 解析二级域名
- 保证线程安全的三种方式