EasyUI常用按钮图标

界面

按钮界面

前端代码

        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-blank'">icon-blank</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-add">icon-add</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-edit">icon-edit</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-clear">icon-clear</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-remove">icon-remove</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-save">icon-save</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-cut">icon-cut</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-ok">icon-ok</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-no">icon-no</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-cancel">icon-cancel</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-reload">icon-reload</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-search">icon-search</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-print">icon-print</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-help">icon-help</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-undo">icon-undo</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-redo">icon-redo</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-back">icon-back</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-sum">icon-sum</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-tip">icon-tip</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-filter">icon-filter</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-man">icon-man</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-lock">icon-lock</a>
        <a href="#" class="easyui-linkbutton" iconcls="icon-more">icon-more</a>

资源

扩展图标路径如下:easyui\jquery-easyui\themes\IconsExtension
常用图标文件路径:easyui\jquery-easyui\themes\icons
使用规则是:icon-文件名

EasyUI图标库页面是一个用于展示和选择图标的网页界面,通过EasyUI框架实现了图标的分类、搜索和预览功能,方便用户在开发时使用合适的图标。 该页面通常由一个顶部导航栏、一个图标分类列表和一个图标展示区组成。导航栏上会有一些常用功能按钮,例如搜索、返回、收藏等,方便用户进行操作。图标分类列表将图标按照不同的类型进行分组,例如基本图标、文件图标、箭头图标等,用户可以根据需求选择不同的分类进行浏览。图标展示区则以网格的形式展示了当前分类下的所有图标,用户可以通过滚动查看更多图标。同时,页面还提供了搜索功能,用户可以根据关键字搜索具体的图标。搜索结果将会实时展示在图标展示区中,方便用户查找和选择。 在图标展示区中,用户可以点击某个图标,弹出一个预览框,显示该图标的名称和样式代码。用户可以通过复制代码按钮将图标的样式代码复制到自己的项目中使用。 EasyUI图标库页面的设计简洁、直观,易于使用。它提供了各种类型的图标供用户选择,满足了不同需求的开发者的需求。同时,页面还提供了搜索功能和预览功能,方便用户快速找到合适的图标并查看其样式。通过EasyUI图标库页面,用户可以在开发过程中轻松地使用各种图标,提升项目的美观性和用户体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值