easyui icon的使用相关

简介: easyui的默认图标有以下这些: .icon-blank{ background:url('icons/blank.gif') no-repeat; } .icon-add{ background:url('icons/edit_add.

easyui的默认图标有以下这些:

 

.icon-blank{   
  
background:url('icons/blank.gif') no-repeat;   
  
}   
  
.icon-add{   
  
background:url('icons/edit_add.png') no-repeat;   
  
}   
  
.icon-edit{   
  
background:url('icons/pencil.png') no-repeat;   
  
}   
  
.icon-remove{   
  
background:url('icons/edit_remove.png') no-repeat;   
  
}   
  
.icon-save{   
  
background:url('icons/filesave.png') no-repeat;   
  
}   
  
.icon-cut{   
  
background:url('icons/cut.png') no-repeat;   
  
}   
  
.icon-ok{   
  
background:url('icons/ok.png') no-repeat;   
  
}   
  
.icon-no{   
  
background:url('icons/no.png') no-repeat;   
  
}   
  
.icon-cancel{   
  
background:url('icons/cancel.png') no-repeat;   
  
}   
  
.icon-reload{   
  
background:url('icons/reload.png') no-repeat;   
  
}   
  
.icon-search{   
  
background:url('icons/search.png') no-repeat;   
  
}   
  
.icon-print{   
  
background:url('icons/print.png') no-repeat;   
  
}   
  
.icon-help{   
  
background:url('icons/help.png') no-repeat;   
  
}   
  
.icon-undo{   
  
background:url('icons/undo.png') no-repeat;   
  
}   
  
.icon-redo{   
  
background:url('icons/redo.png') no-repeat;   
  
}   
  
.icon-back{   
  
background:url('icons/back.png') no-repeat;   
  
}   
  
.icon-sum{   
  
background:url('icons/sum.png') no-repeat;   
  
}   
  
.icon-tip{   
  
background:url('icons/tip.png') no-repeat;   
  
}   
  
.icon-mini-add{   
  
background:url('icons/mini_add.png') no-repeat 2px 2px;   
  
}   
  
.icon-mini-edit{   
  
background:url('icons/mini_edit.png') no-repeat 2px 2px;   
  
}   
  
.icon-mini-refresh{   
  
background:url('icons/mini_refresh.png') no-repeat 3px 2px;   
  
}  

 

 


下载easyUI的压缩包后,解压后在theme文件夹下的icons文件夹是默认的图标,如果你觉得不够用,可以上网下载16x16大小的图片,放在icons文件夹下,然后更改theme文件夹下的icon.css

添加以下css代码即可
.icon-你的名称{
background : url ( 'icons/图片名称.png' no-repeat  3px  2px ;
}

 

相关文章
|
算法 Java 调度
|
Java Apache Maven
Sentinel Apache Httpclient 适配器介绍
Sentinel 为 OkHttp 客户端提供集成以启用 Web 请求的流量控制。
|
前端开发 Java 数据库
Java系列之 Long类型返回前端精度丢失
这篇文章讨论了Java后端实体类中Long类型数据在传递给前端时出现的精度丢失问题,并提供了通过在实体类字段上添加`@JsonSerialize(using = ToStringSerializer.class)`注解来确保精度的解决方法。
|
应用服务中间件 Linux iOS开发
使用 setenv 配置文件管理 Tomcat 的自定义环境变量
【8月更文挑战第29天】通过在Tomcat安装目录的`bin`文件夹下创建`setenv.sh`或`setenv.bat`文件,可以轻松管理Tomcat的自定义环境变量。针对Linux/macOS系统,需编辑`setenv.sh`文件,如`export MY_CUSTOM_VAR="my custom value"`;而在Windows系统中,则编辑`setenv.bat`,如`set MY_CUSTOM_VAR=my custom value`。
829 1
|
JavaScript 前端开发 API
JavaScript全屏,监听页面是否全屏
JavaScript全屏,监听页面是否全屏
285 0
|
固态存储 关系型数据库 MySQL
"惊!20亿数据秒速入MySQL,揭秘数据库极速插入的黑科技,你不可不知的绝密技巧!"
【8月更文挑战第11天】面对20亿级数据量,高效插入MySQL成为挑战。本文探讨优化策略:合理设计数据库减少不必要的字段和索引;使用批量插入减少网络往返;优化硬件如SSD和内存及调整MySQL配置;并行处理加速插入;附Python示例代码实现分批导入。这些方法将有效提升大规模数据处理能力。
409 2
|
存储 负载均衡 调度
FastDFS安装手册
fastDFS架构包括 Tracker server和Storage server。客户端请求Tracker server进行文件上传、下载,通过Trackerserver调度最终由Storage server完成文件上传和下载。
4552 0
FastDFS安装手册
|
存储 Java 数据处理
定义和使用String数组
定义和使用String数组
|
SQL 安全 Java
【Mybatis】Mybatis如何防止sql注入
【Mybatis】Mybatis如何防止sql注入
|
JavaScript
js 解析和操作树 —— 获取树的深度、提取并统计树的所有的节点和叶子节点、添加节点、修改节点、删除节点
js 解析和操作树 —— 获取树的深度、提取并统计树的所有的节点和叶子节点、添加节点、修改节点、删除节点
431 0