ZUI 移动版本 MZUI 1.0 发布

开源春哥
 开源春哥
发布于 2016年07月14日
收藏 83

MZUI(http://zui.sexy/m/)是由ZUI前端HTML5框架作者catouse的最新作品。MZUI专为移动端设计,基于 Flex 的 UI 框架。用来开发移动 Web 应用和微信应用非常方便。该版本是MZUI第一个版本,主要完成的功能如下:

基础内容

  • REM:CSS 定义单位为 REM;

  • 外观选项:提供一组通用的 CSS 修饰类方便为元素和控件定义个性化外观,可定制的内容包括:背景和文本着色、交互状态外观、形状、预设容器类型、内外边距、CSS 变形、阴影和 CSS 滤镜等;

  • 文字排版:预设的文字排版样式;

  • 辅助类:辅助工具类;

  • 布局:包含常用布局容器和 Flex 布局工具类;

  • 栅格:基于 Flex 的栅格体系,同时支持行和列的栅格布局;

  • 动画:提供 CSS 动画辅助类,配合 JavaScript 使用可以方便实现高级交互效果。

控件

  • 标签:支持外观选项;

  • 按钮:包括多种尺寸,支持外观选项;

  • 图标:包括 FontAwesome 字体图标中的绝大部分内容;

  • 头像:包括不同尺寸,支持外观选项;

  • 表格:包括各种常见样式,支持外观选项;

  • 导航:提供固定和自动隐藏功能,支持外观选项;

  • 标题栏:提供一种通用方式来组织标题、图标和导航,支持外观选项;

  • 表单:涵盖常用表单控件,提供表单验证辅助类,全新外观的单选和复选控件;

  • 列表:无论简单还是复杂内容,列表都能轻松应付,支持多层级列表以及外观选项;

  • 代码:包括行内代码和块级代码样式,提供对键盘标记文件样式。

Javascript 插件

  • Display:隆重推出 Display 插件,动态展示内容的好帮手,功能强大,无论是工具提示、对话框、下拉菜单、折叠、远程内容加载都能实现,扩展机制让使用更加方便;

  • 滚动监听:随时监听当前浏览器窗口的滚动状态;

  • Skin.js:提供一种方式来任意定制外观选项中的配色;

  • Color:颜色相关的辅助工具,提供对颜色格式化、转化等相关计算功能;

  • Utils:提供格式化字符串和日期的相关辅助工具;

  • Ajax Form:方便的创建 Ajax 表单。

在官方文档中有更多示例,欢迎访问 http://zui.sexy/m/ 了解更多。可能会有一些兼容性问题,欢迎大家交流测试。

catouse也会在本周六青岛源创会上分享《CSS伪类的N种用法》话题,欢迎青岛的朋友参加。

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:ZUI 移动版本 MZUI 1.0 发布
加载中

最新评论(7

南漂一卒
南漂一卒

引用来自“开源中国总统”的评论

@开源春哥 zepto这个项目已经被抛弃了,用jquery才是王道啊
最近又活了 —— https://github.com/madrobby/zepto/releases
QD_BigBug
QD_BigBug
期待
开源中国总统
开源中国总统

引用来自“黄枣颖”的评论

还是semantic UI好看

引用来自“开源中国总统”的评论

后期坑死你
血的教训
开源中国总统
开源中国总统

引用来自“黄枣颖”的评论

还是semantic UI好看
后期坑死你
黄枣颖
黄枣颖
还是semantic UI好看
开源春哥
开源春哥

引用来自“开源中国总统”的评论

@开源春哥 zepto这个项目已经被抛弃了,用jquery才是王道啊
mzui和zui的路线一样,就是尽量减少第三方依赖。我们会把比较常用的组件都以内置的方式提供。这中间的兼容问题,依赖问题我们都会处理好。
开源中国总统
开源中国总统
@开源春哥 zepto这个项目已经被抛弃了,用jquery才是王道啊
返回顶部
顶部