「MDUI」一个轻量级、无依赖的 Material Design 前端框架
zdhxiong · zdhxiong · 2016-12-29 13:59:47 +08:00 · 29151 次点击这是一个创建于 2913 天前的主题，其中的信息可能已经有所发展或是发生改变。
Github ： https://github.com/zdhxiong/mdui
MDUI 是一个轻量级的 Material Design 前端框架，对照着 Material Design 文档进行开发，争取 1:1 实现 Material Design 中的组件。
多主题支持
MDUI 拥有 19 种主色、 16 种强调色、和一种夜间主题。只需添加一个 CSS 类即可实现主题的切换。
可以点击官方文档右上角按钮观看主题切换效果。
轻量级
包含所有主题的 CSS 文件仅 26.4KB minified + gzip
JavaScript 文件仅 12KB minified + gzip
且没有任何依赖
响应式
移动优先，可适配所有屏幕。
第 1 条附言 · 2017-04-28 15:35:58 +08:00
0.2.0 版本已发布，主要更新为：
- 内置了一个 DOM 操作库，拥有和 jQuery 类似的语法，包含 CSS 选择器、DOM 操作、事件等功能。可以通过
mdui.JQ来调用该库。 - 修复在触控屏上，浮动操作按钮、滑块、Tab 选项卡、菜单等组件无法用鼠标操作的 bug。
 |
103
makry 2016-12-30 15:28:05 +08:00
star 支持
|
 |
104
sox 2016-12-30 15:35:24 +08:00
楼主果然一丝不苟没有作假
 |
 |
106
wolfan 2016-12-30 18:10:05 +08:00
@zdhxiong win10-Chrome 版本 55.0.2883.87 m (64-bit)，控制台没有啥报错，反正呐，就是没有涟漪效果。
|
 |
108
viosey 2016-12-31 01:49:48 +08:00
CSS 丢了 +1
|
|
112
viosey 2016-12-31 02:10:25 +08:00
@zdhxiong 懂了，我用的强制 HTTPS 插件。估计是因为 upyun 支持 HTTPS ，所以资源强制走 HTTPS ，然后你只有 http...
话说为什么不都走 HTTPS 呢？感觉不是很友好啊 |
|
114
viosey 2016-12-31 02:25:01 +08:00  1
@zdhxiong Nice! 框架很棒。 我的 Hexo Material Design 主题 https://github.com/viosey/hexo-theme-material 有打算使用这个框架来重构
|
 |
115
kimwang 2016-12-31 11:05:23 +08:00
感谢楼主，正需要一个漂亮，轻量的前端框架，先欣赏、学习一下。
|
 |
116
ishowman 2016-12-31 22:13:32 +08:00
IE10 以下不支持吗？看来比较适合用在移动端
|
 |
118
jeanim 2017-03-05 14:19:13 +08:00
很棒，感谢楼主
|
 |
119
xingso 2017-04-28 16:46:58 +08:00
这个厉害了。。支持下楼主
|
 |
120
maomaomao001 2017-04-28 17:01:20 +08:00 via Android
建议去掉响应式，毕竟有单独的响应式框架
|
 |
121
zdhxiong OP @maomaomao001 MDUI 就是你说的 “单独的响应式框架”
|
 |
122
manihome 2017-04-28 17:24:49 +08:00
这个好 已 star⭐️
|
 |
123
ck65 2017-04-28 17:26:10 +08:00
之前用 MDUI 撸了个半成品 web app （ Vue.js + MDUI ），手机观看效果最佳。。
https://whatair.mogita.cn/ 框架使用体验很不错，功能顺手。只是每个 class 名都要加 mdui- 前缀略繁琐，而且会让 html 标签变得非常长。。 |
|
124
maomaomao001 2017-04-28 17:38:28 +08:00 via Android
@zdhxiong 不是吧，你这不是还带各种组件嘛，市面上有单独的布局的 css 框架了，很全面的
|
 |
125
pynix 2017-04-28 18:02:05 +08:00
貌似不错。。
|
|
126
zdhxiong OP @maomaomao001 MDUI 支持自定义打包，你不想要组件，可以把组件全部去掉；不想要响应式布局，可以把响应式布局模块去掉。
|
 |
127
springmarker 2017-04-28 18:54:14 +08:00 via Android
http://www.tikitiki.cn 用的 0.1.2 撸的一个
|
 |
128
ab 2017-04-28 19:13:49 +08:00 via iPhone
好厉害啊
|
 |
129
plzzzzg 2017-04-28 19:24:30 +08:00 via Android
收藏 回头 star
|
 |
130
only0jac 2017-04-28 19:27:21 +08:00 via Android
提个建议，headroom 在手机端一点也不流畅，刚开始以为自己手机不行，后来换了个单独的 headroom 插件，极度流畅
|
 |
131
nicevar 2017-04-28 20:21:23 +08:00
不错，正在寻找一个轻量级的做新的东西，以前用过 jQueryMobile 和 sencha touch，感觉不太行，这两天看了一下 vue，还是有点啰嗦了，试试楼主的大作
|
 |
132
TriiHsia 2017-04-28 21:18:30 +08:00
好赞！收藏了，打算作为下一个项目的前端。
|
 |
133
KiseXu 2017-04-29 01:32:47 +08:00 via iPhone
很不错，楼主辛苦了
|
|
134
KiseXu 2017-04-29 10:46:11 +08:00 2
楼主，有没有捐赠方式，想给项目捐赠
|
|
135
zdhxiong OP |
 |
138
visonnn 2017-05-04 09:36:01 +08:00 via Android
Wow，很赞。
|
 |
139
omygod 2017-06-02 10:46:21 +08:00
nice
|
|
141
ck65 2017-06-19 10:56:43 +08:00 via iPhone
@osacar bower 安装后直接在 index.html 引入 css 和 js。这个项目比较挫，当时还不会模块化引入。。
|
|
143
ck65 2017-06-19 12:22:09 +08:00 via iPhone
@osacar 抱歉没有尝试过，有个 issue 里作者建议 cdn 引入，也就是直接引文件。https://github.com/zdhxiong/mdui/issues/70
|
|
145
zdhxiong OP @enious 用 gulp custom 命令，命令的参数在这里有介绍： https://www.mdui.org/docs/download#build
|
 |
146
nVoxel 2018-05-11 17:11:30 +08:00
|
 |
147
yhxx 2018-06-26 11:00:47 +08:00
官网好像挂了？
|
Select Language