Skip to content

zdhxiong/mdui

v1
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

MDUI

GitHub version npm version dependencies Status devDependencies Status Build Status CDNJS

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

QQ群:635509201

中文文档

特性

轻量级

  • CSS 文件仅 32KB minified + gzip
  • JavaScript 文件仅 19KB minified + gzip

多主题

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

响应式

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

无依赖

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

获取 MDUI

可以通过下列方式获取 MDUI:

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/mdui@1.0.0/dist/css/mdui.min.css"
  integrity="sha384-2PJ2u4NYg6jCNNpv3i1hK9AoAqODy6CdiC+gYiL2DVx+ku5wzJMFNdE3RoWfBIRP"
  crossorigin="anonymous"
/>
<script
  src="https://cdn.jsdelivr.net/npm/mdui@1.0.0/dist/js/mdui.min.js"
  integrity="sha384-aB8rnkAu/GBsQ1q6dwTySnlrrbhqDwrDnpVHR2Wgm8pWLbwUnzDcIROX3VvCbaK+"
  crossorigin="anonymous"
></script>
  • 通过 npm 安装: npm install mdui
  • 从 Github 下载源码: git clone https://github.com/zdhxiong/mdui.git

兼容性

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

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

赞助

赞助以帮助 MDUI 持续更新

通过支付宝赞助 通过微信赞助 通过 Paypal 赞助