手冊簡介

MDUI 是一個基于 Material Design 的前端框架。

手冊說明


MDUI 是一套用于開發(fā) Material Design 網(wǎng)頁的前端框架


快速入口

Github：https://github.com/zdhxiong/mdui

官網(wǎng)：https://www.mdui.org/

官網(wǎng)文檔：https://www.mdui.org/docs/

設(shè)計規(guī)范：https://www.mdui.org/design/


獲取 MDUI

從官網(wǎng)下載

https://www.mdui.org

CDN

cdnjs: https://cdnjs.com/libraries/mdui

bootcdn: http://www.bootcdn.cn/mdui/

npm

npm install mdui

Bower

bower install mdui


特性

  • 多主題：19 種主色、16 種強調(diào)色、1 種夜間主題，只需添加一個 CSS 類即可切換。
  • 輕量級：CSS 僅 26.7KB，JavaScript 僅 14KB，加載更迅速。
  • 響應(yīng)式：移動優(yōu)先，從小屏逐步擴展到大屏，最終實現(xiàn)所有屏幕適配。
  • 無依賴：不依賴任何第三方庫，節(jié)約網(wǎng)絡(luò)流量，使加載更迅速，提高用戶體驗。
  • 高性能：使用 CSS3 來做動畫交互，平滑、高效，讓 Web 應(yīng)用的動畫更流暢。
  • 模塊化：提供自定義打包功能，按需打包需要的主題和組件，使文件體積驟然減小。
  • 本地化：相比國外框架，MDUI 更注重中文排版，提供全中文文檔，中文社區(qū)。
  • 組件豐富：MDUI 包含了 20 余個組件，且每個組件都可以適應(yīng)不同主題。
  • 低學(xué)習(xí)成本：只需懂一點 HTML、CSS、JS 的基礎(chǔ)知識，就能使用 MDUI。


兼容性

MDUI 在下列瀏覽器中經(jīng)過測試

  • IE 10+
  • 最新版的 Firefox、Chrome、Safari、Edge


License

This content is released under the MIT License.


更新記錄

在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號