Easyui 默认图标以及自定义图标

时间:2024-03-14 17:01:37

EasyUI默认自带的图标

可以在下载的EasyUI文件中查找图标样式:
文件路径:\easyui\themes\icons
这里你可以看到自带所有图标的样式
大概就是以下这些:
Easyui 默认图标以及自定义图标

那么如果自带图标不满足需求,就需要自定义图标了

增加自定义图标

1.先找一个想要添加的图标
上网站搜索下载想要的图标(比如我常用的就是“https://www.easyicon.net/”)
在网站中找到想要的图标:注意格式大小
2.把图标放到与之前EasyUI自带图标的库里(即:\easyui\themes\icons中)
3.修改\easyui\themes\icon.css文件,导入图标
如下图所示(蓝色框为新增):
Easyui 默认图标以及自定义图标
**4.使用:**与自带的图标同样的使用方式
Easyui 默认图标以及自定义图标