CMUI is a UI framework for mobile web. It provides rich widgets and simple interfaces out-of-the-box, which helps developers get ride of details of styling and troubles of compatibility, and focus on building their own applications.
CMUI 是一个专攻移动网页的 UI 框架，它提供了丰富的组件和简洁的接口，开箱即用。CMUI 帮助开发者摆脱样式细节和兼容性困扰，从而腾出更多精力投入到业务开发中。
-
支持以下移动平台的主流浏览器：
- iOS 7+
- Android 4+
-
同样支持以下桌面浏览器：
- Firefox (Latest)
- Chrome (Latest)
- Safari (Latest)
（更多细节参见 CMUI 的浏览器分级支持策略。）
- Underscore 1.6+
- Zepto 1.1+
- Gearbox 0.6+
CMUI v2 仍在 beta 阶段，以下步骤可能无法工作。
-
通过 npm 3 安装：
$ npm install cmui
-
在页面中加载 CMUI 的样式文件、脚本文件及必要的依赖：
<!DOCTYPE html> <html> <head> ... <link rel="stylesheet" href="node_modules/cmui/dist/cmui.css"> </head> <body> ... <script src="node_modules/underscore/underscore-min.js"></script> <script src="node_modules/zepto.js/dist/zepto.min.js"></script> <script src="node_modules/cmui-gearbox/dist/gearbox.min.js"></script> <script src="node_modules/cmui/dist/cmui.js"></script> </body> </html>
如果你的项目以 Stylus 作为 CSS 预处理器语言，则可以在你的源码中直接引入 CMUI 的样式入口文件：
@import './node_modules/cmui/src/css/theme/baixing/index'在这种方式下，你可以在源码中使用 CMUI 提供的高级 API：
- 变量
- Mixin
建议使用 iOS/Android 设备访问：CMUI Demo
以下案例基于 CMUI v2 构建（请使用 iOS/Android 设备访问）：
以下案例基于 CMUI v0.8 构建（建议使用 iOS/Android 设备访问）：
CMUI is based on these open source projects:
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent