codecamp

获取 MDUI

我们提供了多种方式来获取 MDUI。


下载文件

你可以直接从 MDUI 官网下载打包后的文件,其中包含了压缩过的和未压缩过的 CSS 和 JavaScript 文件,以及 Roboto 字体文件和 Material Icons 图标文件。

去 MDUI 官网


CDN

cdnjs (国外访问速度较快)

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mdui/0.2.1/css/mdui.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/mdui/0.2.1/js/mdui.min.js"></script>

bootcdn (国内访问速度较快)

<link rel="stylesheet" href="//cdn.bootcss.com/mdui/0.2.1/css/mdui.min.css">
<script src="//cdn.bootcss.com/mdui/0.2.1/js/mdui.min.js"></script>


Bower

执行下面的命令安装 MDUI:

bower install mdui


NPM

执行下面的命令安装 MDUI:

npm install mdui


从源代码构建

MDUI 使用 Gulp 进行构建。从 Github 获得源代码后,可以执行下列 gulp 命令进行构建。

命令 说明
 gulp version 输出当前版本号
 gulp watch 在源码发生修改时执行打包命令
 gulp build-css 打包 CSS 文件,打包后的文件位于 dist/css/ 目录中
 gulp build-js 打包 JavaScript 文件,打包后的文件位于 dist/js/ 目录中
 gulp build 打包所有文件,打包后的文件位于 dist/ 目录中
 gulp clean-css 清空 dist/css/ 目录下的 CSS 文件
 gulp clean-js 清空 dist/js/ 目录下的 JavaScript 文件
 gulp custom 进行定制打包,打包后的文件位于 custom/ 目录中。该命令需要包含参数,参数说明如下:
gulp custom
            -modules:用“,”分隔的模块名
            -primary-colors:用“,”分隔的主色名
            -accent-colors:用“,”分隔的强调色名
            -color-degrees:用“,”分隔的颜色饱和度
            -layout-dark
 gulp clean-custom 清空 custom/ 目录下的所有文件


兼容性
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }