uimaker多套配色版（EasyUI后台管理模板多种主题）

共2000个文件

html：1744个

png：1120个

css：624个

easyui

uimaker

javascript

1星需积分: 45 102 浏览量 2020-07-05 19:42:15 上传评论收藏 108.45MB ZIP 举报

EasyUI是一款基于jQuery的前端开发框架，主要用于构建用户界面，尤其适用于后台管理系统。它提供了丰富的组件，如表格、下拉菜单、按钮、对话框、树形控件等，极大地简化了网页开发工作。Uimaker多套配色版是基于EasyUI的后台管理模板，特别之处在于它包含了多种色彩主题，满足开发者对界面美观和个性化的需求。 1. **配色主题**：此模板提供了八种不同的颜色主题，包括橙色、浅蓝、红色、绿色、深灰、深蓝、黑色以及蓝色。这些主题不仅让界面看起来更加丰富多彩，而且可以根据企业的品牌色或者用户的偏好进行选择，增强用户体验。 2. **PSD文件**：在压缩包中的"psd"文件夹里，包含了设计源文件。设计师可以利用这些PSD文件进行进一步的定制，修改元素的布局、颜色、字体等，以适应项目的需求。这对于前端开发和UI设计团队来说，是一个非常有价值的资源。 3. **EasyUI源码**：除了设计资源，模板还提供了EasyUI的源码。这使得开发者可以直接在项目中使用这些代码，快速搭建起后台管理界面。源码结构清晰，便于理解和维护，同时也方便开发者根据需求进行调整和扩展。 4. **JavaScript支持**：由于EasyUI是基于jQuery的，所以这个模板也依赖于JavaScript。JavaScript在其中负责处理用户交互、数据动态加载、表单验证等功能，使得后台管理界面不仅美观，而且具有良好的交互性。 5. **组件复用与自定义**：EasyUI的组件化特性使得开发者可以轻松复用已有的组件，同时也能通过自定义CSS样式或JavaScript逻辑来调整组件的行为，以符合特定应用场景。 6. **响应式设计**：随着移动设备的普及，响应式设计变得越来越重要。虽然描述中未明确提及，但高质量的后台管理模板通常会考虑不同屏幕尺寸的适配，确保在手机和平板等设备上也能正常显示和操作。 7. **性能优化**：EasyUI框架通常会进行一些性能优化，例如延迟加载、按需加载等策略，减少页面的初始化时间，提升用户体验。 8. **兼容性**：EasyUI通常对主流浏览器有较好的兼容性，包括Chrome、Firefox、Safari、Edge以及旧版本的Internet Explorer，这使得开发的后台系统能够覆盖更多的用户群体。 "uimaker多套配色版（EasyUI后台管理模板多种主题）"为开发者提供了一套完整的后台管理界面解决方案，不仅有丰富的颜色主题供选择，还包含设计源文件和源码，大大提高了开发效率，降低了项目的初期成本。无论是初创企业还是成熟公司，都能从中受益。

资源推荐

资源详情

资源评论

收起资源包目录

uimaker多套配色版（EasyUI后台管理模板多种主题）（2000个子文件）

weui.css 189KB

animate.css 68KB

jquery-weui.css 65KB

easyui.css 60KB

weui.min.css 56KB

weui.min.css 55KB

easyui.css 53KB

jquery-weui.min.css 53KB

weui.min.css 35KB

font.css 32KB

mui.css 22KB

mui.css 21KB

umeditor.css 17KB

umeditor.min.css 14KB

iconfont.css 12KB

共 2000 条

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>IconFont</title> <link rel="stylesheet" href="demo.css"> <link rel="stylesheet" href="iconfont.css"> </head> <body> <div class="main"> <h1>IconFont 图标</h1> <ul class="icon_lists clear"> <li> <i class="icon iconfont"></i> <div class="name">全部订单</div> <div class="code">&#xe6b7;</div> <div class="fontclass">.quanbudingdan</div> </li> <li> <i class="icon iconfont"></i> <div class="name">pdf</div> <div class="code">&#xe684;</div> <div class="fontclass">.pdf</div> </li> <li> <i class="icon iconfont"></i> <div class="name">年份切换向左</div> <div class="code">&#xe608;</div> <div class="fontclass">.title-left</div> </li> <li> <i class="icon iconfont"></i> <div class="name">book</div> <div class="code">&#xe69a;</div> <div class="fontclass">.book</div> </li> <li> <i class="icon iconfont"></i> <div class="name">圆圈</div> <div class="code">&#xe691;</div> <div class="fontclass">.yuanquan</div> </li> <li> <i class="icon iconfont"></i> <div class="name">数据库</div> <div class="code">&#xe6bc;</div> <div class="fontclass">.shujuku</div> </li> <li> <i class="icon iconfont"></i> <div class="name">邮箱</div> <div class="code">&#xe6bd;</div> <div class="fontclass">.youxiang</div> </li> <li> <i class="icon iconfont"></i> <div class="name">未完成</div> <div class="code">&#xe69b;</div> <div class="fontclass">.weiwancheng</div> </li> <li> <i class="icon iconfont"></i> <div class="name">del</div> <div class="code">&#xe660;</div> <div class="fontclass">.del</div> </li> <li> <i class="icon iconfont"></i> <div class="name">发布</div> <div class="code">&#xe630;</div> <div class="fontclass">.fabu</div> </li> <li> <i class="icon iconfont"></i> <div class="name">下一个</div> <div class="code">&#xe68c;</div> <div class="fontclass">.xia</div> </li> <li> <i class="icon iconfont"></i> <div class="name">邮件</div> <div class="code">&#xe61d;</div> <div class="fontclass">.22</div> </li> <li> <i class="icon iconfont"></i> <div class="name">信息</div> <div class="code">&#xe6fe;</div> <div class="fontclass">.information</div> </li> <li> <i class="icon iconfont"></i> <div class="name">换一换</div> <div class="code">&#xe69c;</div> <div class="fontclass">.huanyihuan</div> </li> <li> <i class="icon iconfont"></i> <div class="name">铃铛</div> <div class="code">&#xe61c;</div> <div class="fontclass">.lingdang</div> </li> <li> <i class="icon iconfont"></i> <div class="name">文件夹3</div> <div class="code">&#xe60a;</div> <div class="fontclass">.wenjianjia3</div> </li> <li> <i class="icon iconfont"></i> <div class="name">供应商管理</div> <div class="code">&#xe6b3;</div> <div class="fontclass">.gongyingshangguanli</div> </li> <li> <i class="icon iconfont"></i> <div class="name">收藏供应商</div> <div class="code">&#xe6b4;</div> <div class="fontclass">.shoucanggongyingshang</div> </li> <li> <i class="icon iconfont"></i> <div class="name">新增供应商</div> <div class="code">&#xe6b5;</div> <div class="fontclass">.xinzenggongyingshang</div> </li> <li> <i class="icon iconfont"></i> <div class="name">供应商设置</div> <div class="code">&#xe6b6;</div> <div class="fontclass">.icon</div> </li> <li> <i class="icon iconfont"></i> <div class="name">下载</div> <div class="code">&#xe670;</div> <div class="fontclass">.xiazai</div> </li> <li> <i class="icon iconfont"></i> <div class="name">验证码</div> <div class="code">&#xe633;</div> <div class="fontclass">.yanzhengma</div> </li> <li> <i class="icon iconfont"></i> <div class="name">物料管理-</div> <div class="code">&#xe6e1;</div> <div class="fontclass">.wuliaoguanli</div> </li> <li> <i class="icon iconfont"></i> <div class="name">钢厂2</div> <div class="code">&#xe6ea;</div> <div class="fontclass">.gangchang2</div> </li> <li> <i class="icon iconfont"></i> <div class="name">不锈钢4</div> <div class="code">&#xe6e2;</div> <div class="fontclass">.buxiugang4</div> </li> <li> <i class="icon iconfont"></i> <div class="name">55业务申请归档</div> <div class="code">&#xe6bf;</div> <div class="fontclass">.55yewushenqingguidang</div> </li> <li> <i class="icon iconfont"></i> <div class="name">56公文申请归档</div> <div class="code">&#xe6c0;</div> <div class="fontclass">.56gongwenshenqingguidang</div> </li> <li> <i class="icon iconfon

评论收藏

内容反馈