来源:uimaker.com 作者:uimaker
感谢大家对网站的关注和支持,本作品仅供学习参考,请勿用于任何商业用途,版权所有:uimaker.com,谢绝任何网站转载,请互相理解!
设计业务联系QQ:32534386 请注明:模板
2017年8月
1、实现皮肤切换功能(仅PC端)
目前模板有9套配色,可以自由切换,仅限于PC端的模板可以换肤,移动端手机版没有做这个功能,但也是包含9套配色的。
2、增加用户信息提示功能
在用户头像上增加信息提示数字,并且在下拉菜单中增加相应的提示文字。
3、增加左侧三级菜单功能
在原来二级菜单的基础上,增加了三级菜单功能,最大程度的方便用户使用,并且点击三级菜单,右侧Tab页也会相应的增加。
4、解决右侧TAB页切换自动刷新问题
之前的版本,在右侧TAB页中切换的时候,每次点击TAB页,都会自动刷新,给用户造成不便,目前自动刷新问题已解决。
5、解决右侧TAB页弹出时,页面加载2次问题
如下图所示,之前的版本在点击左侧菜单后,右侧加载弹出TAB页的时候,会显示加载了2次页面,本次更新已解决该问题。
6、修复360浏览器兼容模式、IE9、IE8,按钮样式问题
之前的版本在360兼容模式、IE9、IE8浏览器中,按钮组件样式会存在问题,如下图所示
本次更新已对该问题进行修复,如下图所示:
7、弹出窗口调整为可以满屏拖动,加遮罩效果
之前版本的弹窗只能在右侧iframe中进行拖动操作,目前已经调整为整个屏幕可以拖动,并且加了遮罩效果。
8、增加退出提示弹窗
顶部下拉菜单中点击退出系统,会弹出如下图提示
9、调整美化弹窗dialog组件样式
之前的版本中,dialog弹窗组件的样式做的不够细致,视觉上不太好看,如下图所示:
本次更新,对弹窗的阴影和边框做了适当的调整,以适应不同情况的显示,弹窗效果更加美观,如下图:
10、basic_info.html左右高度自适应
之前版本该页面左侧树形菜单会出现如下图的问题,左右不能自动适应,本次更新已解决
11、解决点击菜单切换出现JS报错BUG
使用中发现点击顶部菜单,以及左侧菜单的时候,会出现下面的JS报错,目前已经修复该BUG。
12、修复IE9、IE8浏览器弹窗顶部背景问题
之前版本,在IE9和IE8模式下,弹窗组件的顶部背景颜色不显示,目前已经该问题已解决。
13、优化压缩模板中图片文件
对模板中用到的图片进行了压缩优化处理,文件大小从几百KB,甚至1MB多压缩到几KB,提升了图片加载速度;并且让模板文件整体大小减少了一半以上。
14、新增浅色主题皮肤1套
顶部颜色修改为白色,系统风格更加清爽干净,可以为用户提供不同风格的选择。
2017年1月10日更新(30元版本不包括以下几点更新)
1、新增7套配色方案
较上一版本模板,新增加了7套配色方案,方便用户使用。同时,修改了模板中部分颜色值,可以更方便的对整体颜色进行替换修改。
2、完善菜单联动及右侧TAB页功能
最初的版本没有实现1、2、3级菜单及TAB页的联动,更新后,点击1级菜单,2级菜单实现联动;点击2级、3级菜单,右侧TAB页会自动增加及切换。同时增加了右侧tab页右键关闭功能
3、增加登录页1个
更新前的版本只有2个登录页模板,本次更新新增了1个登录页,如下图
4、增加表格datagrid组件选中行换色功能
之前版本这个功能没有实现,部分用户要求后,增加这项功能
30元版本不包括上面的更新内容,只包括下面的内容!
说明:由于效果图比较多,合并成一个图片文件后,文件很大,所以进行了压缩,导致您看到的效果图都比较灰,其实都是白色背景的,视频演示中显示的比较正常,特此说明!
Easyui皮肤组件UI设计
这套easyui皮肤,用了扁平化的设计风格,在easyui官方最新版jQuery EasyUI 1.4.5的基础上重新设计所有组件,与easyui默认皮肤一样,可以很方便的进行替换设置,并且也可以很方便的对本套皮肤组件进行颜色和图片的替换,几分钟时间就可以变成另外不同颜色风格的模板。模板还另外提供了几个利用组件制作的特殊页面,兼容IE6以上所有浏览器。
下面是手机页面的设计,虽然Easyui组件中有手机版,但这里没有修改easyui的组件,而是直接用H5来制作的相关模板,请大家看清楚哦~
下面是本套Easyui皮肤组件的视频演示,请大家采用高清或者超清模式观看,优酷上无法上传很清晰的视频,还请谅解!
下面是easyui皮肤组件的一些基本内容展示,以及如何对本套皮肤组件进行颜色和图片的替换,很简单的哦~
后台管理系统后台模板html后台界面,这是另外一套,和easyui不是同一模板,不包括在内
这套模板页面比较多,每个页面都在PS中进行了设计,前端代码规范,兼容IE6以上所有浏览器,JS效果都很完善,就是最基本的HTML,易用。
下面的视频是对本套模板的演示操作