mzui

为移动端设计,基于 Flex 的 UI 框架。


Keywords
css, js, less, html5, responsive, front-end, framework, web, mobile, flexbox
License
MIT
Install
npm install mzui@1.0.1

Documentation

MZUI

为移动端设计,基于 Flex 的 UI 框架。

示例和文档:http://zui.sexy/m/

官方 ZUI QQ 群:384135104 项目和计划:http://zui.5upm.com/product-browse-1.html

特色

  • 现代化:基于 Flex 设计,支持移动端全部主流浏览器,支持 Android 微信内置浏览器;
  • 灵活:独立的外观选项,适合大部分控件,满足多样的外观定制需求;
  • 可定制:所有内容可以按需使用,基于 Gulp 构建自定义版本非常简单;
  • 轻量:JS(mzui.min.js)压缩后在 20KB 左右,CSS(mzui.min.css)压缩后在 76KB 左右,启用 GZip 压缩之后会更小(css 16KB, js 8KB),JS 部分兼容 jQuery 最新版本;

mzui-v1 0 0-5

快速使用

NPM

npm install mzui

Bower

bower install mzui

浏览器兼容性

支持的浏览器:

  • Android Chrome:最新版;
  • iOS Safari:最新版;
  • Android 微信:最新版;
  • Windows 10 mobile Edge:最新版。

可能会带来兼容性问题的特性包括:

后续计划

  • 为响应式开发增加更多的内容
  • 增加更多的场景示例
  • 增加轮播
  • 增加卡片控件
  • 增加轻量的路由功能

已知问题

  • 行列混用栅格在 iOS safari 上不可用;

桌面端方案推荐

欢迎使用 ZUI: http://zui.sexy