「MDUI」一个轻量级、无依赖的 Material Design 前端框架

2016 年 12 月 29 日
 zdhxiong

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

文档: http://www.mdui.org/docs/

MDUI 是一个轻量级的 Material Design 前端框架,对照着 Material Design 文档进行开发,争取 1:1 实现 Material Design 中的组件。

多主题支持

MDUI 拥有 19 种主色、 16 种强调色、和一种夜间主题。只需添加一个 CSS 类即可实现主题的切换。

可以点击官方文档右上角按钮观看主题切换效果。

轻量级

包含所有主题的 CSS 文件仅 26.4KB minified + gzip

JavaScript 文件仅 12KB minified + gzip

且没有任何依赖

响应式

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

31504 次点击
所在节点    分享创造
148 条回复
mogita
2017 年 6 月 19 日
@osacar bower 安装后直接在 index.html 引入 css 和 js。这个项目比较挫,当时还不会模块化引入。。
osacar
2017 年 6 月 19 日
@ck65 使用 webpack 能行么?你说的模块化引入又是如何操作?请指教。
mogita
2017 年 6 月 19 日
@osacar 抱歉没有尝试过,有个 issue 里作者建议 cdn 引入,也就是直接引文件。https://github.com/zdhxiong/mdui/issues/70
enious
2017 年 11 月 13 日
@zdhxiong 楼主怎么个自定义打包法,你的文档完全没有说明
zdhxiong
2017 年 11 月 13 日
@enious 用 gulp custom 命令,命令的参数在这里有介绍: https://www.mdui.org/docs/download#build
nVoxel
2018 年 5 月 11 日
作者能简单说下类似 [组件的在线说明文档怎么制作的?]( https://v2ex.ih06.com/t/454106#reply1) 问题里的问题么?

这种文档一般是怎么生成的?
yhxx
2018 年 6 月 26 日
官网好像挂了?
wfdaj
2020 年 1 月 19 日
@zdhxiong 请问如何使用 gulp 自定义 mdui ?
按照网站提示,命令行是这样吗? gulp --custom -primary-colors:teal ?
错误提示是:ReferenceError: primordials is not defined

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/330997

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX