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 ;
}

 

相关文章
|
2月前
|
小程序 容器
微信小程序常用组件的简单使用 view,scroll-view,swiper,swiper-item,text,rich-text,button,image
本文介绍了微信小程序中常用组件的使用方法,包括view、scroll-view、swiper与swiper-item、text与rich-text、button以及image组件。详细解释了各组件的功能、属性以及如何在小程序页面中进行使用。
微信小程序常用组件的简单使用 view,scroll-view,swiper,swiper-item,text,rich-text,button,image
Elementplus如何在input中添加icons,表单中添加icon
Elementplus如何在input中添加icons,表单中添加icon
|
6月前
|
前端开发
easyui datagrid 的 tip实现
easyui datagrid 的 tip实现
162 0
|
前端开发 测试技术
Easyui 修改|新增jquery-easyui icon图标
Easyui 修改|新增jquery-easyui icon图标
127 0
|
小程序 前端开发 容器
【微信小程序】常用组件基本使用(view/scroll-view/swiper、text/rich-text、button/image)
【微信小程序】常用组件基本使用(view/scroll-view/swiper、text/rich-text、button/image)
242 0
|
前端开发
项目中自定义icon(类似ElementUI的icon)
项目中自定义icon(类似ElementUI的icon)
201 0
|
区块链 Windows
favi.icon是什么?
各大网站都有属于自己的图标 概念解释: ico是Icon file的缩写,是Windows的图标文件格式的一种1.制作ico格式的图片一个上传到服务器的根目录图片保存为favicon.ico2.制作网站ico格式的图片的要求:大小16px * 16px,制作软件最好用photoshop当然有些难度,专业ico软件有icon sushi 1.
1311 0