Jquery-easyui的默认图标的使用，以及如何添加自己想要的图标

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

[css] view plain copy
 
  1. .icon-blank{   
  2.   
  3. background:url('icons/blank.gif') no-repeat;   
  4.   
  5. }   
  6.   
  7. .icon-add{   
  8.   
  9. background:url('icons/edit_add.png') no-repeat;   
  10.   
  11. }   
  12.   
  13. .icon-edit{   
  14.   
  15. background:url('icons/pencil.png') no-repeat;   
  16.   
  17. }   
  18.   
  19. .icon-remove{   
  20.   
  21. background:url('icons/edit_remove.png') no-repeat;   
  22.   
  23. }   
  24.   
  25. .icon-save{   
  26.   
  27. background:url('icons/filesave.png') no-repeat;   
  28.   
  29. }   
  30.   
  31. .icon-cut{   
  32.   
  33. background:url('icons/cut.png') no-repeat;   
  34.   
  35. }   
  36.   
  37. .icon-ok{   
  38.   
  39. background:url('icons/ok.png') no-repeat;   
  40.   
  41. }   
  42.   
  43. .icon-no{   
  44.   
  45. background:url('icons/no.png') no-repeat;   
  46.   
  47. }   
  48.   
  49. .icon-cancel{   
  50.   
  51. background:url('icons/cancel.png') no-repeat;   
  52.   
  53. }   
  54.   
  55. .icon-reload{   
  56.   
  57. background:url('icons/reload.png') no-repeat;   
  58.   
  59. }   
  60.   
  61. .icon-search{   
  62.   
  63. background:url('icons/search.png') no-repeat;   
  64.   
  65. }   
  66.   
  67. .icon-print{   
  68.   
  69. background:url('icons/print.png') no-repeat;   
  70.   
  71. }   
  72.   
  73. .icon-help{   
  74.   
  75. background:url('icons/help.png') no-repeat;   
  76.   
  77. }   
  78.   
  79. .icon-undo{   
  80.   
  81. background:url('icons/undo.png') no-repeat;   
  82.   
  83. }   
  84.   
  85. .icon-redo{   
  86.   
  87. background:url('icons/redo.png') no-repeat;   
  88.   
  89. }   
  90.   
  91. .icon-back{   
  92.   
  93. background:url('icons/back.png') no-repeat;   
  94.   
  95. }   
  96.   
  97. .icon-sum{   
  98.   
  99. background:url('icons/sum.png') no-repeat;   
  100.   
  101. }   
  102.   
  103. .icon-tip{   
  104.   
  105. background:url('icons/tip.png') no-repeat;   
  106.   
  107. }   
  108.   
  109. .icon-mini-add{   
  110.   
  111. background:url('icons/mini_add.png') no-repeat 2px 2px;   
  112.   
  113. }   
  114.   
  115. .icon-mini-edit{   
  116.   
  117. background:url('icons/mini_edit.png') no-repeat 2px 2px;   
  118.   
  119. }   
  120.   
  121. .icon-mini-refresh{   
  122.   
  123. background:url('icons/mini_refresh.png') no-repeat 3px 2px;   
  124.   
  125. }  


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

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

 

posted @ 2018-01-19 13:34  追忆丶年华  阅读(687)  评论(0)  编辑  收藏  举报