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

2016-12-29 13:59:47 +08:00
 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

且没有任何依赖

响应式

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

29931 次点击
所在节点    分享创造
148 条回复
zdhxiong
2016-12-30 14:57:56 +08:00
@iq72 现在应该好了
iq72
2016-12-30 15:23:29 +08:00
@zdhxiong 还是不行,但是,查了下 ERR_SPDY_PROTOCOL_ERROR 好想事 chrome 的锅
makry
2016-12-30 15:28:05 +08:00
star 支持
sox
2016-12-30 15:35:24 +08:00
楼主果然一丝不苟没有作假

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

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

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

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

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

© 2021 V2EX