augmify / mdui

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

MDUI

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

中文文档

特性

轻量级

• CSS 文件仅 26.4KB minified + gzip
• JavaScript 文件仅 12KB minified + gzip

多主题

CSS 文件中已经包含了 19种主色主题、16种强调色主题、1种夜间主题，只需添加一个 CSS 类，即可实现主题的切换。

响应式

移动优先，可适配所有屏幕。

无依赖

MDUI 使用纯 JavaScript 编写，没有任何依赖。

安装

• 下载压缩包
• 通过 npm 安装: npm install mdui
• 通过 Bower 安装: bower install mdui
• 从 Github 下载源码: git clone https://github.com/zdhxiong/mdui.git

目录结构

在压缩包中存在下面的目录和文件：

mdui/
├── css/
│   ├── mdui.css
│   └── mdui.min.css
├── js/
│   ├── mdui.js
│   └── mdui.min.js
├── fonts/
│   └── roboto/
│       └── ...
└── icons/
    └── material-icons/
        └── ...

兼容性

MDUI 在下列浏览器中经过测试

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