https://github.com/easysoft/mzui
https://github.com/easysoft/mzui
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/easysoft/mzui
- Owner: easysoft
- License: mit
- Created: 2016-05-19T06:01:04.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2021-04-27T07:03:33.000Z (about 5 years ago)
- Last Synced: 2024-04-27T02:02:21.827Z (about 2 years ago)
- Language: JavaScript
- Size: 3.04 MB
- Stars: 300
- Watchers: 30
- Forks: 70
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGES.md
- License: LICENSE
Awesome Lists containing this project
README
# 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 最新版本；
## 快速使用
### NPM
```
npm install mzui
```
### Bower
```
bower install mzui
```
## 浏览器兼容性
支持的浏览器：
* Android Chrome：最新版；
* iOS Safari：最新版；
* Android 微信：最新版；
* Windows 10 mobile Edge：最新版。
可能会带来兼容性问题的特性包括：
* [REM (root em) units](http://caniuse.com/#search=rem)
* [Flexible Box Layout](http://caniuse.com/#search=flex)
* [CSS3 2D Transforms](http://caniuse.com/#search=transform)
* [CSS3 Transitions](http://caniuse.com/#search=transition)
* [CSS3 Box-shadow](http://caniuse.com/#search=box-shadow)
## 后续计划
* 为响应式开发增加更多的内容
* 增加更多的场景示例
* 增加轮播
* 增加卡片控件
* 增加轻量的路由功能
## 已知问题
* 行列混用栅格在 iOS safari 上不可用；
## 桌面端方案推荐
欢迎使用 [ZUI: http://zui.sexy](http://zui.sexy)。