MDUI 是一个基于 Material Design 的前端框架。
CSS JavaScript
Permalink
Failed to load latest commit information.
dist build 0.1.2 Jan 5, 2017
src 提示框改名为对话框 Jan 20, 2017
.csscomb.json 代码规范 Oct 2, 2016
.csslintrc 代码规范 Oct 2, 2016
.gitignore gitignore Sep 11, 2016
.jscsrc 代码规范 Oct 13, 2016
.jshintrc 代码规范 Oct 2, 2016
.npmignore build Dec 26, 2016
LICENSE init Jul 11, 2016
README.md README Jan 5, 2017
bower.json build Dec 26, 2016
gulpfile.js build Dec 26, 2016
modules.json build Dec 26, 2016
package.json build 0.1.2 Jan 5, 2017

README.md

MDUI

GitHub version Bower version npm version dependencies Status devDependencies Status

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