红联Linux门户
Linux帮助

ZUI发布1.4版本, HTML5前端UI框架

发布时间:2016-01-27 11:45:03来源:红联作者:baihuo
大家好,HTML5前端框架ZUI 1.4版本发布了。

本次更新了大部分文档,增加了必要的代码示例。

增加了简单易用的树形菜单组件。

主题功能得到增强,文档中的主题章节提供实时预览和编译定制功能。

修复了论坛和QQ群中反馈的大部分问题。

相关网址:

ZUI官网:http://zui.sexy
下载地址:https://github.com/easysoft/zui/releases/download/v1.4.0/zui-1.4.0-dist.zip
项目地址:https://github.com/easysoft/zui

更新明细

完善和持续改进文档:

大部分组件文档都得到更新,增加了更多的示例和示例代码;

文档中的主题章节支持直接预览主题,并可以自定义修改主题配置并编译和下载主题(此功能在IE8等古老浏览器上不可用);

文档支持查看组件的源码和打包信息;

文档中的示例代码支持复制;

更正文档中的多个链接和拼写错误;

修复滚动条文档无法加载并显示的问题;

排版样式:

更改字体设置;

简化CSS CLASS名称,hightlight-*更名为hl-*;

栅格系统:

增加.col辅助类来方便自定义栅格大小;

提示消息和提示面板:

提示消息支持tipClass和tipId选项;

提示消息的show(content)方法增加content参数来动态改变现实的内容;

图标:

图标名称icon-yingyang更正为icon-yinyang,icon-check2更正为icon-checked;

修复图标旋转效果在非块级标签内无法生效的问题;

更新图标字体,更改了字体的base height,现在图标和文字混合时更为自然;

消息框:

移除了消息框的边框,现在看起来更为扁平;

增加.alert-primary-inverse的深色外观的使用主要配色的消息框;

标签和徽标:

更改标签和徽标的内边距和行高,解决在部分浏览器中的尺寸和对齐问题;

按钮和按钮组:

更改按钮样式,更加扁平化;

链接按钮的默认背景色现在为transparent;

更改按钮选中或激活时的外观,现在看起来更为明显;

按钮的圆角边框可以在variables.less中单独定义;

更改按钮的过渡动画时间从预设的较慢时间更改为正常时间,预设的时间参考variables.less中的定义;

修复垂直按钮组上顶部第一个按钮圆角边框显示不正确的问题;

滚动条:

优化Webkit家族浏览器上滚动条的样式;

表单控件:

优化表单中的单选框和复选框的样式,现在与文字混合使用时在垂直方向上看起来更为居中;

更改一些被禁用的表单项目样式,更改鼠标悬停时的光标;

导航:

修复垂直导航的圆角样式;

进度条:

调整进度条外观,移除阴影效果,现在看起来更为扁平;

面包屑:

更改面包屑激活项目的颜色,现在看起来更为明显;

树形菜单:

增加树形菜单视图;

对话框和对话框触发器:

模态框框更名为“对话框”;

对话框支持全屏对话框,通过.modal-fullscreen实现;

修复对话框触发器中的模态框大小配置没有正确应用的问题(by @remind);

可拖拽移动的对话框开启选项名称由draggable更改为moveable;

为所有类型的对话框增加rememberPos选项来记住用户拖拽后模态框的位置;

修复了拖拽移动对话框时的一些错误;

模态框框触发器更名为“对话框触发器”;

远程对话框中的iframe标签增加allowfullscreen属性(by @YuanXu);

对话框触发器增加iframeBodyClass选项来定义远程对话框中的iframe标签上的CLASS;

修复对话框触发器弹出的对话框有时高度不停微小浮动抖动的问题;

对话框触发器增加waittime选项来显示远程内容加载的时间,增加broken事件来监听远程内容加载失败时的事件;

对话框触发器增加loadingicon选项来自定义远程加载内容时所显示的图标;

通过按钮触发的对话框触发器现在在每次触发时都会重新读取远程地址的值,意味着可以在每次弹出对话框之前通过更改地址参数来动态的通过对话框加载不同的远程内容;

日期选择:

日期选择插件增加pcikerPosition选项来控制弹出面板的弹出方向和显示位置,如果此选项指定为auto-*,则自动决定最合适的位置;

Chosen和图标选择插件:

为Chosen增加dropDirection选项来控制弹出面板的弹出方向,如果为auto则自动决定最合适的位置;

为Chosen增加lang选项来设置界面语言;

优化Chosen界面样式;

修复图标选择插件有时无法使用的问题;

图标选择插件能选择更多的图标,包括WeChat图标;

修复图标选择插件无法正确读取和应用语言设置的问题;

加深了Chosen弹出面板的阴影效果,加强与其他内容的区分程度;

漂浮消息:

漂浮消息增加一个全局方法来隐藏所有已显示的消息;

漂浮消息的圆角大小在varuables.less中可配置;

滚动监听(scrollspy):

修复滚动监听事件名称错误;

拖放排序:

拖放排序组件增加before事件;

修复reset()方法有时工作不正确的问题;

表单:

移除

频道文章

最新教程

随机推荐