easyui 添加 自定义图标

悠悠 2021-08-19 21:58 735阅读 0赞

最近用easyui发现图标挺少的,其实可以另外添加一个css样式,不过我偷懒,直接在easyui的css里面添加了。

下面是目录:

Center
icon.css是easyui的默认样式文件,ext_icons文件夹呢装有要添加的图标文件。这时候直接修改icon.css

Center 1

1处就是对应的图标名,即data-options里面的iconCls名,如:

  1. <a href="javascript:void(0);" class="easyui-menubutton" data-options="menu:'#layout_north_kzmbMenu',iconCls:'ext-icon-cog'">控制面板</a>

要注意的就是url的路径问题。如果在icon.css中新定义的样式没有被加载,原因是缓存造成的,清除缓存就行了!参考:《google chrome 谷歌浏览器 清除缓存cookie 快捷键》 https://blog.csdn.net/whatday/article/details/103308667

发表评论

表情:
评论列表 (有 0 条评论,735人围观)

还没有评论,来说两句吧...

相关阅读

    相关 EasyUI中使用定义的icon图标

     我们在web开发中为了界面的更加漂亮,我们可能会使用EasyUI框架来帮我们实现一些好看的效果,那么在框架里面提供了很多的样式和图标,但是有时候自带的图标已经满足不了我们啦,

    相关 添加定义字体icon图标

    先提供一个比较好的自定义icon图标库[阿里图标库][Link 1] 所以接下来的使用主要就是以从上面提供的网址下载的icon图标为例(如果不会使用,请参考[使用][Link