CMUI 专攻移动网页的 UI 框架
CMUI is a UI framework for mobile web. It provides rich widgets and simple interfaces out-of-the-box, which helps developers get rid of details of styling and troubles of compatibility, and focus on building their own applications.
CMUI 是一个专攻移动网页的 UI 框架，它提供了丰富的组件和简洁的接口，开箱即用。CMUI 帮助开发者摆脱样式细节和兼容性困扰，从而腾出更多精力投入到业务开发中。
兼容性
浏览器支持
- 支持以下移动平台的主流浏览器：
- iOS 10+
- Android 4.4+
- 同样支持以下桌面浏览器：
- Firefox (Latest)
- Chrome (Latest)
- Safari (Latest)
更多细节参见 CMUI 的浏览器分级支持策略。
外部依赖
- Underscore 1.8+
- Zepto 1.1+
- Gearbox 0.7+
安装与使用
传统方式
- 通过 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 加载
如果你的项目以 Stylus 作为 CSS 预处理器语言，则可以在你的源码中直接引入 CMUI 的样式入口文件：
@import './node_modules/cmui/src/css/theme/baixing/index'
在这种方式下，你可以在源码中使用 CMUI 提供的高级 API：
- 变量
- Mixin
演示与文档
建议使用 iOS/Android 设备访问：CMUI Demo
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
上一篇： 如何在 GitHub 正确吐槽
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论