Icon 图标

提供了一套常用的图标集合。

¶使用方法

直接通过设置类名为 el-icon-iconName 来使用即可。例如：

<i class="el-icon-edit"></i>

<i class="el-icon-share"></i>

<i class="el-icon-delete"></i>

<el-button type="primary" icon="el-icon-search">搜索</el-button>

¶图标集合

el-icon-info
el-icon-error
el-icon-success
el-icon-warning
el-icon-question
el-icon-back
el-icon-arrow-left
el-icon-arrow-down
el-icon-arrow-right
el-icon-arrow-up
el-icon-caret-left
el-icon-caret-bottom
el-icon-caret-top
el-icon-caret-right
el-icon-d-arrow-left
el-icon-d-arrow-right
el-icon-minus
el-icon-plus
el-icon-remove
el-icon-circle-plus
el-icon-remove-outline
el-icon-circle-plus-outline
el-icon-close
el-icon-check
el-icon-circle-close
el-icon-circle-check
el-icon-circle-close-outline
el-icon-circle-check-outline
el-icon-zoom-out
el-icon-zoom-in
el-icon-d-caret
el-icon-sort
el-icon-sort-down
el-icon-sort-up
el-icon-tickets
el-icon-document
el-icon-goods
el-icon-sold-out
el-icon-news
el-icon-message
el-icon-date
el-icon-printer
el-icon-time
el-icon-bell
el-icon-mobile-phone
el-icon-service
el-icon-view
el-icon-menu
el-icon-more
el-icon-more-outline
el-icon-star-on
el-icon-star-off
el-icon-location
el-icon-location-outline
el-icon-phone
el-icon-phone-outline
el-icon-picture
el-icon-picture-outline
el-icon-delete
el-icon-search
el-icon-edit
el-icon-edit-outline
el-icon-rank
el-icon-refresh
el-icon-share
el-icon-setting
el-icon-upload
el-icon-upload2
el-icon-download
el-icon-loading

Icon 图标的更多相关文章

用字体在网页中画Icon图标
第一步,下载.IcoMoon网站选择字体图标并下载,解压后将fonts文件夹放在工程目录下.fonts文件夹内有四种格式的字体文件: 注:由于浏览器对每种字体的支持程度不一致,要想在所有浏览器中都显示 ...
JS组件系列——不容错过的两款Bootstrap Icon图标选择组件
前言:最近好多朋友在群里面聊到bootstrap icon图标的问题,比如最常见的菜单管理,每个菜单肯定需要一个对应的菜单图标,要是有一个可视化的图标选择组件就好了,最好是直接选择图标,就能得到对应的 ...
字体在网页中画ICON图标
用字体在网页中画ICON图标有三种小技巧: 1.用CSS Sprite在网页中画小图标实现方法: 首先将小图片整合到一张大的图片上然后根据具体图标在大图上的位置,给背景定位.background- ...
Ext.Net TreePanel 修改Icon图标
分类: Ext.Net2012-09-24 13:44 1779人阅读评论(0) 收藏举报 webformserverextassemblyxhtmlobject 1.默认icon 2.自定义ic ...
QT5.5.0版本添加icon图标步骤
1.制作icon图标文件可以进入这个网站在线制作:http://www.ico.la/ 2.创建资源文件:qrc文件接着添加2两项,先点击prefix,然后添加文件--->图标路径 3.可 ...
启动页面设置，icon图标设置
更多尺寸像素如何放置请看:http://chicun.jammy.cc/ 如何设置App的启动图,也就是Launch Image? 新建一个iosLaunchImage文件夹
Flatty Shadow在线为Icon图标生成长阴影效果。
Flatty Shadow在线为Icon图标生成长阴影效果. Flatty Shadow 彩蛋爆料直击现场 Flatty Shadow在线为Icon图标生成长阴影效果.
Flex利用titleIcon属性给Panel容器标题部添加一个ICON图标
Flex利用titleIcon属性,给Panel容器标题部添加一个ICON图标. 让我们先来看一下Demo(可以右键View Source或点击这里察看源代码): 下面是完整代码(或点击这里察看): ...
在网页中制作icon图标
用字体在网页中画icon图标第一步:获取字体资源IconMoon网站https://icomoon.io iconMoon中有很多免费小图标可用,还能设置下载图标的使用属性(通过网站中设立的按钮pr ...
12个Icon图标资源网站
1.除了Icon以外,还有很多不错的UI设计素材. 地址:http://worldui.com/2.除了免费Icon资源下载以外,还提供Icon定制的付费服务.地址:http://dryicons.c ...

随机推荐

MySQL配置文件my.cnf中文详解
#BEGIN CONFIG INFO #DESCR: 4GB RAM, 只使用InnoDB, ACID, 少量的连接, 队列负载大 #TYPE: SYSTEM #END CONFIG INFO # # ...
SSD源码解读——网络测试
之前,对SSD的论文进行了解读,可以回顾之前的博客:https://www.cnblogs.com/dengshunge/p/11665929.html. 为了加深对SSD的理解,因此对SSD的源码进 ...
RHEL6中LVM逻辑卷管理
1.LVM 基本术语物理卷(physical volume):物理卷在逻辑卷管理中处于最底层,它可以是实际物理硬盘上的分区,也可以是整个物理硬盘. 卷组(Volume Group):卷组建立 ...
Maven 技巧知多少
Maven是一种帮助我们快速构建项目的小工具,它可以解决我们在项目过程中手动导包造成的版本不一致的问题,以及找包困难等问题,同时通过Maven创建的项目都有固定的目录格式,使得约定优于配置,我们通过固 ...
【bzoj 4025 改编版】graph
题意给定一张 \(n\) 个点 \(m\) 条边的无向图,问删去每个点后,原图是不是二分图.输出一个长度为 \(n\) 的 \(\text{01}\) 串表示答案. 多组数据. \(T\le 5,\ ...
redis 和 memache 缓存的区别
总结一: 1.数据类型 Redis数据类型丰富,支持set list等类型 memcache支持简单数据类型,需要客户端自己处理复杂对象 2.持久性 redis支持数据落地持久化存储 memcache ...
第08课：【实战】Redis网络通信模块源码分析（1）
我们这里先研究redis-server端的网络通信模块.除去Redis本身的业务功能以外,Redis的网络通信模块实现思路和细节非常有代表性.由于网络通信模块的设计也是Linux C++后台开发一个很 ...
Java8使用lambda遍历List、Set、map
public static void main(String[] args){ Map<String,String> map= new HashMap<>(); map.for ...
基于django中settings中间件源码思想，实现功能的插拔式设计
这里我们用到一个非常重要的模块,importlib,利用它可以实现字符串转python代码,再利用反射进行操作,这样就可以实现插拔式设计. 一.我们先做个初级的,把所有文件放到初级思想文件夹下: 1. ...
C#生成的后台文件 ***.vshost.exe
vshost是visual studio宿主应用程序,vs运行调试时是打开的其实是这个文件,这个程序可以让vs跟踪调试信息.而exe则可以直接打开,vs不会跟踪任何这个文件的运行情况.只要引用的程序集 ...

Icon 图标

Icon 图标

¶使用方法

¶图标集合

Icon 图标的更多相关文章

随机推荐

热门专题