ZUI 移动版本 MZUI 1.0.1 发布

栏目: 软件资讯 · 发布时间: 7年前

内容简介:MZUI 是由 ZUI 前端 HTML5 框架作者 catouse 的最新作品。MZUI 专为移动端设计,基于 Flex 的 UI 框架。用来开发移动 Web 应用和微信应用非常方便。 MZUI 1.0.1 已发布: 增加了对 jQuery 的支持,将 ZeptoJS 从标...

MZUI 是由 ZUI 前端 HTML5 框架作者 catouse 的最新作品。MZUI 专为移动端设计,基于 Flex 的 UI 框架。用来开发移动 Web 应用和微信应用非常方便。

MZUI 1.0.1 已发布:

  • 增加了对 jQuery 的支持,将 ZeptoJS 从标准版中分离,现在可以自行搭配 jQuery 最新版本使用。ZeptoJS 版本将不再维护,推荐使用 jQuery;

  • 优化了界面所使用的字体,现在字体集合为 'Helvetica Neue', Helvetica, 'Microsoft Yahei', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;;

  • 优化了在触摸屏上的点击事件,现在使用 touchstart 来代替 tap;

  • 图标:

  • 外观选项:

    • 增加了 .accent、.text-accent 和 .accent-pale 相关着色辅助类;

    • 增加了 .mute-light 和 .muted-dark 来获得不同程度的弱化效果;

    • 优化了状态类效果,而且可以使用 .hover、.focus 和 .active 类来强制获得状态效果;

    • 增加了 .hover-solid 来实现鼠标悬停或触摸时填充背景的效果;

    • 增加了 .divider-top、.divider-left、.divider-right 和 divider-all 来为元素不同方向应用边框鲜果;

    • 增加了 更多的边距外观选项;

    • 增加了 .highlight 类用于为元素应用荧光笔背景效果;

    • 增加了 .long-shadow 类用于为元素应用长阴影效果;

  • 导航:

    • 优化了导航外观,修复了有时会自动换行的问题;

    • 增加了 .nav-lg 和 .nav-sm 类来应用不同大小的导航外观;

  • 列表:

    • 优化了多行列表项外观;

  • 栅格:

    • 优化了单元格的间距,增加了更多控制间距对辅助类(.gutter-lg、.gutter-sm);

    • 增加了 .single 类,用于禁用行或列换行;

  • 按钮:

    • 优化按钮样式,按钮元素的 display 更改为 inline-flex;

  • 标签:

    • 优化标签样式,标签元素的 display 更改为 inline-flex;

    • 增加了 .label-sm 类用于应用小尺寸的标签外观;

  • 布局:

    • 增加了更多 Flex 辅助类;

    • 增加了对滚动条显示对辅助类(.scroll-x、.scroll-y、.scroll-none);

  • Display:

    • 增加了 preventDefault 和 stopPropagation 选项来更改点击事件行为;

    • 优化了 placement 选项,现在计算的位置更准确;

    • 增加了对触发元素 data-url 属性对支持,使用此属性来指定远程加载地址可以阻止有时非期望跳转的问题;

  • Ajax 表单:

    • 增加了 onResponse 事件,允许在此事件中格式化服务器返回的内容或者取消此次处理;

    • 优化了 onSubmit 事件,可以在此事件中格式化要提交的表单数据,或者取消此次提交;

    • 优化了 onSuccess 事件,可以在此事件中取消默认处理;

    • 优化了 onError 事件,可以在此事件中取消默认处理;

桌面浏览器前端解决方案推荐:http://zui.sexy/

下载:


【声明】文章转载自:开源中国社区 [http://www.oschina.net]


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

High Performance JavaScript

High Performance JavaScript

Nicholas C. Zakas / O'Reilly Media / 2010-4-2 / USD 34.99

If you're like most developers, you rely heavily on JavaScript to build interactive and quick-responding web applications. The problem is that all of those lines of JavaScript code can slow down your ......一起来看看 《High Performance JavaScript》 这本书的介绍吧!

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具