easyui預設圖示的使用和如何新增自己想要的圖示
阿新 • • 發佈:2018-12-12
1.預設圖示
.icon-blank{ background:url('icons/blank.gif') no-repeat center center; } .icon-add{ background:url('icons/edit_add.png') no-repeat center center; } .icon-edit{ background:url('icons/pencil.png') no-repeat center center; } .icon-clear{ background:url('icons/clear.png') no-repeat center center; } .icon-remove{ background:url('icons/edit_remove.png') no-repeat center center; } .icon-save{ background:url('icons/filesave.png') no-repeat center center; } .icon-cut{ background:url('icons/cut.png') no-repeat center center; } .icon-ok{ background:url('icons/ok.png') no-repeat center center; } .icon-no{ background:url('icons/no.png') no-repeat center center; } .icon-cancel{ background:url('icons/cancel.png') no-repeat center center; } .icon-reload{ background:url('icons/reload.png') no-repeat center center; } .icon-search{ background:url('icons/search.png') no-repeat center center; } .icon-print{ background:url('icons/print.png') no-repeat center center; } .icon-help{ background:url('icons/help.png') no-repeat center center; } .icon-undo{ background:url('icons/undo.png') no-repeat center center; } .icon-redo{ background:url('icons/redo.png') no-repeat center center; } .icon-back{ background:url('icons/back.png') no-repeat center center; } .icon-sum{ background:url('icons/sum.png') no-repeat center center; } .icon-tip{ background:url('icons/tip.png') no-repeat center center; } .icon-filter{ background:url('icons/filter.png') no-repeat center center; } .icon-man{ background:url('icons/man.png') no-repeat center center; } .icon-lock{ background:url('icons/lock.png') no-repeat center center; } .icon-more{ background:url('icons/more.png') no-repeat center center; } .icon-mini-add{ background:url('icons/mini_add.png') no-repeat center center; } .icon-mini-edit{ background:url('icons/mini_edit.png') no-repeat center center; } .icon-mini-refresh{ background:url('icons/mini_refresh.png') no-repeat center center; } .icon-large-picture{ background:url('icons/large_picture.png') no-repeat center center; } .icon-large-clipart{ background:url('icons/large_clipart.png') no-repeat center center; } .icon-large-shapes{ background:url('icons/large_shapes.png') no-repeat center center; } .icon-large-smartart{ background:url('icons/large_smartart.png') no-repeat center center; } .icon-large-chart{ background:url('icons/large_chart.png') no-repeat center center; }
1.6.3
版easyui預設圖示有這些,下載easyUI的壓縮包後,解壓後在theme資料夾下的
icons
資料夾是預設的圖示,如果你覺得不夠用,可以上網下載
16
x
16大小的圖片
推薦兩個圖示下載網站:
1.阿里圖示
2.bootstrap圖示
,放在icons
資料夾下,然後更改theme資料夾下的
icon
.css
然後新增以下css程式碼即可
.icon-你的名稱{
background
:
url
(
'icons/圖片名稱.png')
no-repeat center center;
}