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 幫助開發者擺脫樣式細節和兼容性困擾,從而騰出更多精力投入到業務開發中。
支持以下移動平台的主流瀏覽器:
同樣支持以下桌面瀏覽器:
(更多細節參見CMUI 的瀏覽器分級支持策略。)
通過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:
建議使用iOS/Android 設備訪問:CMUI Demo

以下網站基於CMUI 構建(請使用iOS/Android 設備訪問):
CMUI 的部分模塊已經分離出去,成為獨立項目。這些模塊以開發依賴的方式引入,並打包到發布文件中。因此,參與這些獨立項目的開發即可修改這些模塊。
npm install ,安裝必要的依賴。npm run dist ,運行構建腳本。/dist目錄下。 npm install ,安裝必要的依賴。test/test-dev.html - 測試源碼(用於開發階段的測試) CMUI is based on these open source projects:
CMUI team is using JetBrains IDE (WebStorm) with Open Source License:

MIT License