easyui自定义图标

        因easyui自带的图标不多，有时候在系统开发的时候并不满足实际需求，故需要使用自定义图标。本文主要介绍easyui如何增加自定义图标。

1、通过iconfont-阿里巴巴矢量图标库下载需要的图标

1）搜索框输入关键字，如“学生”，查询范围内的图标；

2）鼠标移至选中的图标上，点击“下载”，进入下载配置页面。参考easyui自带的图标库，大小调为16、格式为png 

  2、easyui中配置自定义图标信息

1）将下载的图标复制到 easyui\themes\icons文件夹 下，修改图标名称，注意名称不要和原有图标重复（建议名称改为英文，虽然中文不影响使用），如“student.png”。刷新文件夹，可以看到新增的自定义图标；

 2）修改easyui\themes的icon.css文件，配置项主要修改名称和对应的图片。icon-student 为图标引用时的iconCls值，如data-options="iconCls:'icon-student'"，需注意该名称的唯一性

自带：.icon-more{ background:url('icons/more.png') no-repeat center center; }

自定义：.icon-student{background:url('icons/student.png') no-repeat center center;}

        至此，easyui新增自定义图片完成，正常使用即可，如：