ZUI 移动版本 MZUI 1.0.1 发布 - 开源中国社区
Float_left Icon_close
ZUI 移动版本 MZUI 1.0.1 发布
炒蚕豆吃蹦豆 2018年01月10日

ZUI 移动版本 MZUI 1.0.1 发布

炒蚕豆吃蹦豆 炒蚕豆吃蹦豆 发布于2018年01月10日 收藏 24

阿里云高性能云服务器,2折起! >>> >>>  

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]
本文标题:ZUI 移动版本 MZUI 1.0.1 发布
分享
评论(12)
精彩评论
2
有那么点意思,还差一点点,要是能用于webapp就牛逼了
最新评论
0
这是真诈尸啊,多久没更新了
0

引用来自“TerryZ”的评论

魅族UI
:grin:翻译成妹纸UI不更好?
0
看了移动版、pc版,都挺好的,但没看代码内容
0

引用来自“youyax”的评论

有那么点意思,还差一点点,要是能用于webapp就牛逼了

引用来自“开源春哥”的评论

我们产品的移动客户端都是用mzui写的界面,然后封装成应用的。

引用来自“youyax”的评论

那种应用能看到浏览器加载进度条吗?webapp是看不到加载进度条的,网址后缀类似 http://www.xxx.com/index.html#page-index
http://www.xxx.com/index.html#page-profile http://www.xxx.com/index.html#page-comments,应该用的ajax刷新,封装有页面初始进入事件,再次进入事件等等
封装一个浏览器的壳,就不会看到进度条了。只是在登录的时候有一个网址,登录进去之后就没有了。
0

引用来自“youyax”的评论

有那么点意思,还差一点点,要是能用于webapp就牛逼了

引用来自“开源春哥”的评论

我们产品的移动客户端都是用mzui写的界面,然后封装成应用的。
那种应用能看到浏览器加载进度条吗?webapp是看不到加载进度条的,网址后缀类似 http://www.xxx.com/index.html#page-index
http://www.xxx.com/index.html#page-profile http://www.xxx.com/index.html#page-comments,应该用的ajax刷新,封装有页面初始进入事件,再次进入事件等等
0

引用来自“youyax”的评论

有那么点意思,还差一点点,要是能用于webapp就牛逼了
我们产品的移动客户端都是用mzui写的界面,然后封装成应用的。
2
有那么点意思,还差一点点,要是能用于webapp就牛逼了
0

引用来自“陈少鑫”的评论

看上去像是挺不错的,谁用过?
喧喧的客户端界面上用mzui开发的。 http://xuan.im
0
魅族UI
0
很不错啊
0
看上去像是挺不错的,谁用过?
0
顶部