[转]easyui 全部图标

Posted 2020-06-13

原文地址:http://blog.163.com/[email protected]/blog/static/136739312201491011492263/

拿jquery-easyui-1.2.6举例

所有的图标在哪，如何引用，

 

所有的图标在 jquery-easyui-1.2.6\themes\icons 目录下，

 

在icon.css定义的如何引用

jquery-easyui-1.2.6/themes/icon.css

 1  .icon-blank{
 2 background:url(‘icons/blank.gif‘) no-repeat;
 3 }
 4 .icon-add{
 5 background:url(‘icons/edit_add.png‘) no-repeat;
 6 }
 7 .icon-edit{
 8 background:url(‘icons/pencil.png‘) no-repeat;
 9 }
10 .icon-remove{
11 background:url(‘icons/edit_remove.png‘) no-repeat;
12 }
13 .icon-save{
14 background:url(‘icons/filesave.png‘) no-repeat;
15 }
16 .icon-cut{
17 background:url(‘icons/cut.png‘) no-repeat;
18 }
19 .icon-ok{
20 background:url(‘icons/ok.png‘) no-repeat;
21 }
22 .icon-no{
23 background:url(‘icons/no.png‘) no-repeat;
24 }
25 .icon-cancel{
26 background:url(‘icons/cancel.png‘) no-repeat;
27 }
28 .icon-reload{
29 background:url(‘icons/reload.png‘) no-repeat;
30 }
31 .icon-search{
32 background:url(‘icons/search.png‘) no-repeat;
33 }
34 .icon-print{
35 background:url(‘icons/print.png‘) no-repeat;
36 }
37 .icon-help{
38 background:url(‘icons/help.png‘) no-repeat;
39 }
40 .icon-undo{
41 background:url(‘icons/undo.png‘) no-repeat;
42 }
43 .icon-redo{
44 background:url(‘icons/redo.png‘) no-repeat;
45 }
46 .icon-back{
47 background:url(‘icons/back.png‘) no-repeat;
48 }
49 .icon-sum{
50 background:url(‘icons/sum.png‘) no-repeat;
51 }
52 .icon-tip{
53 background:url(‘icons/tip.png‘) no-repeat;
54 }
55 .icon-mini-add{
56 background:url(‘icons/mini_add.png‘) no-repeat 2px 2px;
57 }
58 .icon-mini-edit{
59 background:url(‘icons/mini_edit.png‘) no-repeat 2px 2px;
60 }
61 .icon-mini-refresh{
62 background:url(‘icons/mini_refresh.png‘) no-repeat 3px 2px;
63 }

 

 

jquery-easyui-1.2.6\themes\default\images 目录下还有一些图标

 

其他参考：

http://www.veryhuo.com/a/view/36052.html