zdhxiong / mdui Goto Github PK
View Code? Open in Web Editor NEWMaterial Design 3(Material You) UI components using Web Components.
Home Page: https://www.mdui.org
Material Design 3(Material You) UI components using Web Components.
Home Page: https://www.mdui.org
在移动端使用.mdui-ripple,滑动时会触发涟漪效果,给人误触的感觉
出现动画是滑出,消失动画应该是淡出而不是滑出。
抽屜式導航在寬屏下是預設開啟,但是設定帶遮罩的情況下,預設開啟的時候並沒有遮罩。
請問這是預料中的動作,或是這裡出現一個小錯誤?
在 react
应用中,拥有更好的组件化,更容易的状态控制,复用性及性能更好,这是前端发展的趋势所在。
现在开发应用基本上都会用 react
、vue
之类作为 view
层脚手架。
类似于 jQuery
语法,在稍微大点的应用中会显得吃力,维护起来相当困难。所以建议提供 react
版本。
组件(tab选项卡等)的选项如果用js框架(Vuejs等)来渲染,会点击不好用,提示错误
tab选项卡的错误:Uncaught TypeError: Cannot read property '0' of null at mdui.js : 2628
加载 mdui.js 的时候会出现如下的异常:
mdui.min.js:6 Uncaught TypeError: Cannot read property 'mduiDomDataStorage' of null
at Object.o.data (mdui.min.js:6)
at new n (mdui.min.js:6)
at (index):1
o.data @ mdui.min.js:6
n @ mdui.min.js:6
(anonymous) @ (index):1
感觉有的动画效果有点生硬,
可否按 http://www.material-ui.com/ 进行优化一下?
只在 Mac 上 Webkit 内核的浏览器发现了这个问题。
UserAgent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12) AppleWebKit/604.1.2 (KHTML, like Gecko) Version/10.2 Safari/604.1.2
如题
......
/node_modules/mdui/dist/js/mdui.js:5070
})(window, document);
^
ReferenceError: window is not defined.......
如题,我把文本框放到iframe内,点了没效果
请问可否添加一个日期选择器控件
因为有些环境可能需要显示过多内容,直接显示一页里肯定是不方便的,希望能添加一个 Pagination 分页导航组件。感谢
现在的class前缀是mdui-,希望可以增加自定义前缀
有几个问题 想请教一下
.1 我用 vue 搭建的spa 项目,在main.js 中把 mdui.js 导入了,但是路由改变之后,tab 切换等效果就不起作用了,需要重新 new 一下组建,不然的话 就调到 a 设置的target链接的地方了,希望仔细回答一下,困扰好久了..
希望加上轮播组件
在移动端下,打开一个带有遮罩的抽屉式导航,在遮罩的地方上下滑动屏幕,页面的内容可以跟随着滚动。btw,我给页面的 container 设置了 min-height
<div class="mdui-table-fluid"> <table class="mdui-table mdui-table-selectable mdui-table-hoverable"> <thead> <tr> <th>设备名</th> <th>IP</th> <th>消息</th> </tr> </thead> <tbody> <tr> <td>7.1.2xxxxxxxxxxxxxx</td> <td>10.0.0.100</td> <td>无</td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </tbody> </table> </div>
这里显示是正常的
当执行 mdui.updateTables()
时则报错 mdui/js/mdui.js (1675) "Uncaught TypeError: Cannot read property 'init' of null"
在移动端 如果同时触摸两个带涟漪动画的元素 遮罩不会消失 多按几次遮罩会一直叠加
有谁写了分页组件吗?
有多个button,想打开同一menu,但是menu必须放在和button同一元素下,不然会报错,这样每个button旁边都要写一个menu,比较麻烦和影响美观,所以可以设计为不必须放在同一元素下吗
目前还没有这个组件,希望后面可以加上。虽然移动端多是用下拉的,但是PC端还是需要的。
就像安卓菜单那样,向下滑动的时候刚加载元素会弹出来
RT
目前已知materialize框架可以做到这点,希望作者加入
使用js打开第一个对话框正常,然后使用js关闭第一个对话框并打开第二个对话框,这时候第一个对话框正常关闭了,但第二个对话框没有打开
這兩個類別的寬度沒有在規範裡,是不是可以刪除?
/* 面板项标题 */
.mdui-panel-item-title {
width: 36%;
float: left;
font-weight: 500;
}/* 面板项内容 */
.mdui-panel-item-summary {
width: 56%;
float: left;
color: @color-black-secondary;
}
如题。在 Angular 2 中无法使用抽屉和 Collapse,原因不明。其他组件未尝试,应该也有相同情况。
如果通过 HTML 方式调用组件,无任何反应。
如果通过 Javascript 方式,在 new 实例化的时候就会报错:
Cannot read property 'mduiDomDataStorage' of null
该 Angular 2 应用 使用 typescript 编写。
mdui-textfield-error 中的错误信息如何动态修改?我试了 mdui.updateTextFields()不好用。
能不能加上瀑布流的浮動佈局...QAQ
希望可以有个select组件
浏览器为Chrome v57
不知道什么原因,偶尔网页就像卡了一样,鼠标滚动失效,只能拖动滚动条
有多個帶遮罩的導航同時出現之後,無法關閉導航。例如說
<div class="mdui-drawer mdui-drawer-right" id="drawer1">...</div>
<div class="mdui-drawer mdui-drawer-right" id="drawer2">...</div>
...
inst1.open();
inst2.open();
這之後點選遮罩,沒辦法關掉任一個導航。
希望能加入圖片輪播組件~
表格(mdui-table mdui-table-selectable)的复选框怎么设置name和value?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.