首页 > 其他 > 详细

easyui icon的使用相关

时间:2017-09-07 21:57:09      阅读:282      评论:0      收藏:0      [点我收藏+]

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

 

easyui icon的使用相关

原文:http://www.cnblogs.com/mr-wuxiansheng/p/7492050.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!