草庐IT

material-components-ios

全部标签

javascript - Angular Material 设计中的纸堆(css3)

我正在使用AngularMaterialDesign,我正在尝试创建下面代码笔链接中给出的纸堆效果:PaperStackusingCSS3它工作正常,但是当我添加AngularMaterialDesignCSS时,它中断了(没有更多的纸堆UI)你能帮我解决这个问题吗,下面是添加MaterialDesignCSS的链接。SamePaperStackcode+MaterialDesignCSSDearFriends,Loremipsumdolorsitamet,consecteturadipiscingelit.Praesenteuismodportatempor.Donecpulvina

javascript - Ember : nested components events bubbling

我创建了一组嵌套组件。代码在这里:http://emberjs.jsbin.com/hasehija/2/edit.HTML:{{#level-1}}{{#level-2}}{{#level-3}}Clickme(yielded){{/level-3}}{{/level-2}}{{/level-1}}JS:App.ApplicationController=Ember.Controller.extend({actions:{handleAction:function(){alert('HandledinApplicationController');}}});App.Level1Com

javascript - Materialize CSS side-nav 不工作

我有Materialise运行的基本设置,一切似乎都很好,除了滑出侧导航。这是我的代码。菜单:Aboutarrow_drop_downSignupSignInAboutSignupSignInmenuJS:$(".dropdown-button").dropdown();$(".button-collapse").sideNav();$(document).ready(function(){$('.modal-trigger').leanModal();});我在缩小屏幕尺寸时得到了相应的汉堡菜单,但是,单击汉堡并没有展开菜单。URL更新为散列#,仅此而已。我的JS输出中没有报告错误。

javascript - 禁用 IOS Safari 弹性滚动

我正在用HTML和JavaScript编写一个用于iPhone的网络应用程序。我想要实现的是防止应用程序弹性滚动(滚动超过页面范围并弹回)。但是,我的应用程序需要一些较长的元素才能滚动(该应用程序有一个长Canvas)。我已经尝试了很多在互联网上其他地方找到的这个问题的答案,但是,所有这些解决方案要么使用了JQuery,完全禁用了滚动,要么使用了Phonegap,要么只是在IOS7上根本不起作用。我该怎么做? 最佳答案 有一种方法可以不用jQuery来实现:document.body.addEventListener('touchm

javascript - Material UI 在点击 'tab' 时未选择 SelectField

使用MaterialUI对于我的应用程序中的某些组件。我添加了一个selectfield在一个表格中。有没有办法让它像普通的HTML一样工作元素,因此:当您点击tab时在键盘上,它会在应该显示的时候突出显示当您点击space时在键盘上,它会打开下拉菜单在此先感谢您的帮助。 最佳答案 我刚刚检查了链接,TAB似乎工作正常。无论如何:考虑升级到当前版本(4.x)。但我很确定1.x和更高版本也能正常工作。 关于javascript-MaterialUI在点击'tab'时未选择SelectFie

javascript - 如何测试在 componentDidMount 中设置 React Component 状态的异步调用

测试componentDidMount中的异步调用设置React组件状态的最佳方法是什么?对于上下文,我用于测试的库是Mocha、Chai、Enzyme和Sinon。这是一个示例代码:/**assumearecordlookslikethis:*{id:number,name:string,utility:number}*///asyncComponent.jsclassAsyncComponentextendsReact.Component{constructor(props){super(props);this.state={records:[]};}componentDidMou

javascript - 派发一个 Redux Action 并将后续 Action 作为有效负载以显示 Material UI 的 snackbar 或对话框

我将React与Redux和MaterialUI结合使用来构建网络应用程序。Web应用程序由多个页面和组件组成。我知道snackbar或dialog应该直接连接到用户正在做的事情。但是,我想让snackbar和dialog独立于页面和组件。因此,一个用例显示一条消息,例如后台数据同步失败和一个操作立即重试。我的想法是在名为RootFrame的页面上呈现snackbar,该页面用于包装所有其他页面并将snackbar的文本作为操作的有效负载进行分派(dispatch)。显示snackbar的Redux操作:exportfunctionshowSnackbar(message:string

javascript - 谷歌 Material 图表 : Stop Tooltip Rounding

我正在使用GoogleVisualizationMaterialChart...https://google-developers.appspot.com/chart/interactive/docs/gallery/barchart#Material....在我的例子中...http://jsfiddle.net/ETFairfax/78595a3h/...工具提示正在四舍五入条形值,而不是仅按原样显示值。我已尝试自定义工具提示,如此处所述:https://developers.google.com/chart/interactive/docs/customizing_tooltip

javascript - Socket.io-Stream 不发送给客户端

我正在尝试从服务器向客户端发送(中继)连续的utf-8数据流。虽然我可以看到到达服务器的数据,但我无法将其通过管道传输到套接字并将其转发给客户端。节点服务器,vario=require('socket.io')(server);app.io=io;vardsteem=require('dsteem')vares=require('event-stream')varclient=newdsteem.Client('https://api.steemit.com')varss=require('socket.io-stream');varoutBoundStream=ss.createSt

javascript - THREE.js 中的反光 Material

如何创建可以反射(reflect)场景中其他形状的Material?我已经尝试了reflectivity属性,但它没有反射(reflect)任何东西。Thereisanexamplethatseemstohavethiseffect它看起来不像是使用标准Material来创建的。 最佳答案 深入了解一下理论:反射基本上是从特定位置拍摄的场景图像。所以如果你想要一个平面网格作为镜子,你必须在那个位置添加一个相机,让它在动画循环中将场景渲染为纹理,然后在平面网格的Material中使用该纹理.我还建议查看http://stemkoski