/CMUI

Lightweight UI solution for mobile web.

Primary LanguageCSS

CMUI

A Crude Mobile UI framework.

一个简单粗暴的移动端 Web UI 框架。

CMUI 是一个专攻移动网页的 UI 框架，它提供了丰富的组件和简洁的接口，开箱即用。CMUI 帮助开发者摆脱样式细节和兼容性困扰，从而腾出更多精力投入到业务开发中。

兼容性

浏览器支持

  • 支持以下移动平台的主流浏览器：

    • iOS 7+
    • Android 4+

  • 同样支持以下桌面浏览器：

    • Firefox (Latest)
    • Chrome (Latest)
    • Safari (Latest)

（更多细节参见 CMUI 的浏览器分级支持策略。）

外部依赖

  • Underscore 1.6+
  • Zepto 1.1+
  • Gearbox 0.5+

安装

  1. 通过 Bower 安装：

    $ bower install cmui

  2. 在页面中加载 CMUI 的样式文件、脚本文件及必要的依赖：

    <!DOCTYPE html>
<html>
<head>
	...
	<link rel="stylesheet" href="bower_components/cmui/dist/cmui.css">
</head>
<body>
	...
	<script src="bower_components/underscore/underscore-min.js"></script>
	<script src="bower_components/zepto.js/dist/zepto.min.js"></script>
	<script src="bower_components/gearbox/dist/gearbox.min.js"></script>
	<script src="bower_components/cmui/dist/cmui.js"></script>
</body>
</html>

演示

建议使用 iOS/Android 设备访问：CMUI Demo

cmui-demo

谁在用？

以下案例基于 CMUI v0.10 构建（建议使用 iOS/Android 设备访问）：

以下案例基于 CMUI v0.8 构建（建议使用 iOS/Android 设备访问）：

License

MIT License