「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

且没有任何依赖

响应式

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

31499 次点击
所在节点    分享创造
148 条回复
zdhxiong
2016 年 12 月 30 日
@iq72 现在应该好了
iq72
2016 年 12 月 30 日
@zdhxiong 还是不行,但是,查了下 ERR_SPDY_PROTOCOL_ERROR 好想事 chrome 的锅
makry
2016 年 12 月 30 日
star 支持
sox
2016 年 12 月 30 日
楼主果然一丝不苟没有作假

LWXYFER
2016 年 12 月 30 日
@zdhxiong get.
wolfan
2016 年 12 月 30 日
@zdhxiong win10-Chrome 版本 55.0.2883.87 m (64-bit),控制台没有啥报错,反正呐,就是没有涟漪效果。
wolfan
2016 年 12 月 30 日
@zdhxiong 不过用模拟器打开涟漪效果就反道出来了,话说……,这是什么神奇的效果呐~
viosey
2016 年 12 月 31 日
CSS 丢了 +1
zdhxiong
2016 年 12 月 31 日
@viosey 并没有啊。
viosey
2016 年 12 月 31 日
zdhxiong
2016 年 12 月 31 日
@viosey 奇怪了,我静态资源用的都是 http ,怎么到你这里就变成 https 了
viosey
2016 年 12 月 31 日
@zdhxiong 懂了,我用的强制 HTTPS 插件。估计是因为 upyun 支持 HTTPS ,所以资源强制走 HTTPS ,然后你只有 http...
话说为什么不都走 HTTPS 呢?感觉不是很友好啊
zdhxiong
2016 年 12 月 31 日
@viosey 现在应该好了
viosey
2016 年 12 月 31 日
@zdhxiong Nice! 框架很棒。 我的 Hexo Material Design 主题 https://github.com/viosey/hexo-theme-material 有打算使用这个框架来重构
kimwang
2016 年 12 月 31 日
感谢楼主,正需要一个漂亮,轻量的前端框架,先欣赏、学习一下。
ishowman
2016 年 12 月 31 日
IE10 以下不支持吗?看来比较适合用在移动端
zdhxiong
2016 年 12 月 31 日
@ishowman 只支持 IE10 以上。
jeanim
2017 年 3 月 5 日
很棒,感谢楼主
xingso
2017 年 4 月 28 日
这个厉害了。。支持下楼主
maomaomao001
2017 年 4 月 28 日
建议去掉响应式,毕竟有单独的响应式框架

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

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

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

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

© 2021 V2EX