草庐IT

GL_COLOR_MATERIAL

全部标签

javascript - Material-UI List 作为 Card 的子项,在主展开时触发所有 onClick

Material-UI、Meteor、React所以我想在卡片中嵌套一个带有onTouchTap(或onClick)函数的下拉列表。它似乎工作正常,不会造成任何麻烦-但是当您展开父卡时,列表中的所有内容都会同时触发onTouchTap。我已经厌倦了将其他Card元素相互嵌套以达到相同的效果。这只是代码的限制,还是有一些变通办法?}primaryTogglesNestedList={true}nestedItems={[}onTouchTap={this.handleAccept(userName,prtNo)}/>,}onTouchTap={this.handleReject(user

javascript - Angular 2 Material Input动态更改占位符

我想动态更改输入占位符的文本。console.log已经给出了更新后的字符串,但界面没有更新,所以旧的占位符仍然存在。如何让界面识别更改?document.getElementById(this.implicKey).setAttribute('placeholder',options[i].implication);console.log(document.getElementById(this.implicKey).getAttribute('placeholder')); 最佳答案 您可以像这样动态更改您的输入占位符Thisf

javascript - Angular Material $mdDialog 隐藏一次后不显示

我的应用程序有一个聊天按钮,可以打开一个$mdDialog。当在对话框窗口中单击用户名时,我使用$mdDialog.hide()关闭对话框窗口。这有效,但是当我再次单击聊天按钮时,它不再有效。感谢您的帮助。Heresalinktomycodepen.HTMLProjectNameFileAction1Action2Action3EditAction1Action2Action3HelpAction1Action2Action3assignmentCommentsupervisor_accountSharechatChatSmileYouGoodlookinGetShwifyCellar

javascript - Material-UI 应用栏自带边距

我用了Material-UI的AppBar组件,它运行良好,但有余量,任何人都有解决方法。我需要去掉边距。 最佳答案 只需插入CssBaseline在要删除其默认边距的任何元素之前标记。喜欢importReact,{Component}from'react';importMainfrom"./Components/Main";importCssBaselinefrom'@material-ui/core/CssBaseline';//or//import{CssBaseline}from'@material-ui/core';cla

javascript - 如何在react material-ui中获取密码字段值

我无法访问的值,如果我不写然后它工作正常,但为此我得到一个类型错误,'this.refs[this._getRef(...)].getInputNode不是一个函数'。dialogAction(tag,e){console.log(this.refs.password);console.log(this.refs.password.getValue());this.refs.dialog.dismiss();}render(){letself=this;letrow=this.row,col=this.column;letstandardActions=[{text:'Cancel',

javascript - 更改 Google 堆积条形图颜色( Material 条形图)

vardata=google.visualization.arrayToDataTable(stats_data);varoptions={width:1400,height:400,legend:{position:'top',maxLines:3},bar:{groupWidth:'75%'},isStacked:true,bars:'vertical',colors:['#999','#346ac9','#279423','#fc9826'],};varchart=newgoogle.charts.Bar(document.getElementById('chart-recent

javascript - 为 Angular Material 配置深色主题

我正在为我的网络应用程序设计,我想要一个与看到的类似的深色主题here.遗憾的是我找到了AngularMaterialThemingDocs很难理解;没有提及每种颜色将在哪里使用,如何设置背景颜色或文本颜色等。我目前正在使用:.config(function($mdThemingProvider){$mdThemingProvider.definePalette('coolpal',{"50":"#d9ddec","100":"#a6b1d2","200":"#8190bf","300":"#5468a5","400":"#495b90","500":"#252830","600":"

javascript - 有没有办法在 JS 中比较两种颜色,比如 'If Color A is darker than #202020'

我的一个页面的背景颜色是从用户设置为他们的Twitter背景颜色的背景颜色中提取的。我有一个带有黑色边框的圆框的页面。如果背景颜色很暗,边框看起来不太好,所以我想删除比任意十六进制颜色更暗的背景边框。我考虑这样做的方法是使用正则表达式提取3个RGB值并将它们相加,然后将其与我的引用颜色进行比较。有没有更好的方法来实现这一目标? 最佳答案 您可以编写一个在RGB和HSL或HSV之间转换的函数,并使用亮度或亮度值。维基百科有HSV->RGB转换的数学,但没有其他方法。http://en.wikipedia.org/wiki/HSL_an

javascript - 如何使用 Angular Material 动态删除 `md-tooltip`?

我有一个基本的md-button,里面有一个md-tooltip。虽然,如果用户使用移动设备,我需要一种方法从我的网站全局删除所有工具提示。HelloThisisabuttonstooltip加载模板并运行指令后,上面的内容将转换为以下内容:Hello按钮元素不再包含md-tooltip,否则我会简单地删除工具提示元素。想要这样做的原因是因为在移动设备上,md-tooltip占用了按钮点击。因此,在第一次单击时显示工具提示,在第二次单击时显示按钮单击操作。这绝对不是理想的效果。如何从我的页面上的所有元素中删除所有工具提示,以便我的按钮点击操作是第一次点击/点击而不是第二次?

javascript - 在 Mapbox GL JS 中显示和隐藏图层的功能

我发现以下代码可以在MapboxGL中显示和隐藏图层:https://www.mapbox.com/mapbox-gl-js/example/toggle-layers/这很有用,但是,我只有一个包含所有必要数据的.geojson层(折线),不需要创建单独的层。我想实现完全相同的功能,能够在map菜单中显示和隐藏一层的功能。共有12种不同的特征类型,包含在名为“类型”的列中。我想打开和关闭类型,就像在示例中一样。有没有一种简单的方法可以在JS中使用set.Filter来做到这一点?https://github.com/mapbox/mapbox-gl-js/blob/e9386d288