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新增自定义图片完成，正常使用即可，如：

easyui自定义图标相关推荐

easyui 添加自定义图标
最近用easyui发现图标挺少的,其实可以另外添加一个css样式,不过我偷懒,直接在easyui的css里面添加了. 下面是目录: icon.css是easyui的默认样式文件,ext_icons文件 ...
easyUI的图标设置
easyUI的图标设置为了页面的美观,经常会用到各种各样的图标,尤其是前台使用easyUI的时候. 但是,easyUI给提供的页面图标icon,非常的少,官网最新版本为jquery-easyui-1 ...
iview weapp icon组件自定义图标小程序
写小程序图标没有想要的,需要自定义的时候.可以使用阿里巴巴矢量图标库自定义图标. 找到自己需要的,然后先加入购物车,点开购物车选择下载代码,然后解压压缩包. 复制 iconfont.css中的内容,到 ...
easyui关机图标_如何在Windows 10中创建关机图标
easyui关机图标 It's true that shutting down your Windows 10 PC the old-fashioned way only takes three cl ...
elementUI-添加自定义图标
elementui的小图标有限,跟UI给的不一样,这个时候咋办呢?百度走起....参考了两篇博主分享的自定义elementui中的图标和建立图标库,这里主要用到第一种实际中: elementU ...
python图标的演变_把Python脚本生成exe文件并添加版本信息和自定义图标
pyinstaller和py2exe把Python脚本生成exe文件,并添加版本信息和自定义图标. 写了一个查找产品通道号的小程序,目前还没进行异常处理. 以下是程序源码. # -*- coding: ...
更换百度地图图标html,百度地图接口，自定义图标，点击切换图标
这里实现了一个指定地区的地图,自定义图标,点击切换图标 1.[代码][JavaScript]代码 body, html,#allmap {width: 100%;height: 100%;overfl ...
图标插件java_java – Eclipse插件：标记的自定义图标
请参阅bug 260909"markerImageProviders扩展点不起作用"(在阅读this thread后找到) Tod Creasey 2009-01-21 07:32 ...
android自定义工具栏,Android工具栏中的自定义图标
我正在使用支持工具栏中定义一个自定义图标,但唯一显示的图标是左箭头-我尝试以布局和编程方式设置它,但结果是一样的. 这是我的活动 public class MainActivity extends A ...
android百度地图单点定位_Android百度地图实现搜索和定位及自定义图标绘制并点击时弹出泡泡...
一.问题描述上一次我们使用百度地图实现基本的定位功能,接下来我们继续实现搜索和定位,并使用LocationOverlay绘制定位位置,同时展示如何使用自定义图标绘制并点击时弹出泡泡如图所示: 二. ...

easyui自定义图标

easyui自定义图标相关推荐

最新文章

热门文章