拓展07-EasyUI自定义iconCls菜单图标icon

最新推荐文章于 2022-02-08 16:05:37 发布
最新推荐文章于 2022-02-08 16:05:37 发布
阅读量3.5k 收藏 3
点赞数 1
分类专栏： Java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vivid9527/article/details/103534925
版权
本文介绍了如何在EasyUI中自定义菜单图标，包括设置`iconCls`属性，准备和放置图标，添加`icon.css`文件以100%显示图标，并解决了domain属性兼容问题，提供了针对不同后台响应格式的转换解决方案。
摘要由CSDN通过智能技术生成
1、效果图

左侧菜单树，和选项卡tabs显示自定义图标。
先推荐一个icon图标下载的网站：https://www.easyicon.net/
在这里插入图片描述

2、iconCls属性

在这里插入图片描述

3、准备图标icon

可以从上面推荐的网址下载，基本上各种类型都有
将下载好的图标放入easyui图标文件夹内webapp/easyui/themes/icons
在这里插入图片描述

4、添加icon.css

按照上面的样式进行添加自己想要的

background-size: 100% 100%;这个属性可以让图片100%展示
在这里插入图片描述

5、domain属性兼容
  • 在加载菜单时，正确的格式应该是： icon
最低0.47元/天 解锁文章
vi-vi-
关注
专栏目录
EasyUI中使用自定义的icon图标
小金子的博客
12-10 2万+
我们在web开发中为了界面的更加漂亮,我们可能会使用EasyUI框架来帮我们实现一些好看的效果,那么在框架里面提供了很多的样式和图标,但是有时候自带的图标已经满足不了我们啦,这时候我们应该往里卖弄加入我们想要的图标,并且在页面中能使用 这是手风琴的效果,左边可以看到有两个图标,一个是小人,一个是菜单的模样,菜单的那个是我自己新加的,那么下面就介绍如何把一个自己的图标配置到EasyUI框架中,并且
EasyUI_Icon_图标扩展样式（1775个）
02-09
花积分下载的,免费共享.. 原下载地址:http://download.csdn.net/download/miracle98/7579723
easyUI的iconCls
初心不改，事在人为
02-08 1348
jquery_easyui_中文解析
weixin_33991727的博客
07-19 191
最近经常接触easyui，但是easyui官网又总是上不去，所以在网上搜罗了easyui的中文解析，以备查询。 CSS类定义： div easyui-window window窗口样式 属性如下： 1) modal:是否生成模态窗口。true[是] false[否] 2) shadow:是否显示窗口阴影。...
Easyui-iconCls 的队应图标
aas3637721的博客
06-20 1万+
EasyUI iconCls
weixin_30718391的博客
02-15 181
iconCls 所有属性值： icon-add icon-print icon-mini-add icon-cvs icon-play icon-refresh icon-edit icon-help icon-mini-edit icon-pencil icon-remove icon-undo icon-mini-refr...
easyui,extjs图标icon图标大全
12-31
同样，在EXTJS中，图标也可以通过配置项进行设置，如`iconCls: 'icon-save'`。 使用这些图标时，开发者需要注意图标的设计风格应与整体界面保持一致，以确保视觉和谐。此外，图标大小、颜色和透明度也需要适配不同...
jquery-easyui.zip_easyui框架_html 框架_jquery-easyui
09-21
5. **自定义样式**：虽然EasyUI提供了默认样式，但也可以根据需求进行定制，以适应特定的品牌或视觉效果。 6. **组件的配置**：每个组件都有丰富的配置选项，可以通过JavaScript进行设置以满足不同需求。 总的来说...
easyui图标大全
02-02
很多个图标哦，只需要修改easyui的icons样式
EasyUI 扩展小图标Icon带CSS样式
11-14
最近在用EasyUI做项目是发现自带的Icon图标太少，而且不是很美观。于是就有了下面的东西，很全的EasyUI图标，放到项目里面直接可以使用！
easyui icon图标扩展库，包含上百个icon图标
12-23
easyui上百个icon图标的扩展
icon图标大全(2000个icon),适用于easyui,extjs等
06-27
icon图标大全(2000个icon),适用于easyui,extjs等,可适用各种信息系统开发
EasyUI Icon 图标扩展样式（1775个）
最新发布
11-01
EasyUI图标扩展样式是一套专为开发者和设计师提供的丰富图标资源，总计包含了1775个不同的图标。这些图标在Web开发中广泛应用于各种用户界面，以增强网站或应用程序的视觉效果和用户体验。EasyUI是一种基于jQuery的...
easyui图标对照 --由于文章历史久远, 博主放弃治疗了
热门推荐
ffiing 的博客
10-16 3万+
原作者文章地址:http://www.cnblogs.com/timememory/ 2016年2月5日 EasyUi 版本：1.4.3 虽然EasyUi提供的图标不多，不过在下眼拙，在官网中没找到图标对照文档，有时想要在某些特别设置中变化个图标有些不方便。 所以简单整理了下easyui的图标与调用类的对照关系。 <a href="###" class="easyui...
easyui icon的使用相关
weixin_34153893的博客
09-07 204
easyui的默认图标有以下这些：   .icon-blank{ background:url('icons/blank.gif') no-repeat; } .icon-add{ background:url('icons/edit_add.png') no-repeat; } .icon-edit{ back...
easyui iconCls属性值
weixin_44400515的博客
04-22 4558
easyui iconCls属性值 icon-add icon-print icon-mini-add icon-cvs icon-play icon-refresh icon-edit icon-help icon-mini-edit icon-pencil icon-remove icon-undo icon-mini-refresh icon-save icon-redo icon-cut icon-back icon-ok icon-sum .
使用jQuery-Easyui创建多级菜单的后台实现
"jQuery-Easyui 是一个基于 jQuery 的轻量级前端框架，它提供了丰富的组件，包括多级菜单在内，使得开发人员能够快速构建用户界面。此资源主要涉及如何在前后台实现jQuery-Easyui的多级菜单功能。" 在jQuery-Easyui...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值