material-design 相关问题

我正在使用Angluar进行材质设计，我遇到了一些问题，所以问题是如何使材质滑块在某些特定值上禁用我正在使用Angluar进行材质设计，我遇到了一些问题，所以问题是如何使材质滑块在某些特定值上禁用 <mat-slider min="1" max="5" step="0.5" value="{{myVar}}"></mat-slider> 我需要在我的组件上显示它，其中包含来自数据库的一些特定值，并且在它更改为数据库之前无法更改。假设您有一个看起来像这样的模型 export interface MyModel { someValue: number; } 然后您使用一些调用 API 的服务将其加载到组件中。只需通过 disabled input 将条件传递给它即可。 <mat-slider [disabled]="myModel.someValue > 50" min="1" max="5" step="0.5" value="{{myVar}}"></mat-slider> 其实你可以像这样使用disabled <mat-slider min="1" max="5" disabled step="0.5" value="{{myVar}}"></mat-slider> 没什么大不了的。添加 style="pointer-events: none;" 将防止值更改 <mat-slider style="pointer-events: none;" min="1" max="5" step="0.5" value="{{myVar}}" ></mat-slider>

angular material-design

回答 3 投票 0

如何在 Kotlin 中关闭材质警报对话框

我创建了这个材质警报对话框。我想在记录更新后或用户单击取消按钮（btnCancel）时关闭它。我无法使用解雇（），因为它不可用。私人乐趣

android kotlin material-design android-alertdialog

回答 1 投票 0

谷歌素材图标加载缓慢，从文本到图标闪烁

使用设置方法 2 自托管为我们的 React 项目安装 Google Material 图标，与图标关联的连字有时会显示在材质图标之前。对于我们的 React 项目，使用安装方法 2 自托管安装 Google Material 图标，与图标关联的连字有时会显示在材质图标之前。 <i class="material-icons">face</i> {/* shows text "face" on site prior to proper material icon load */} 例如，上面的行会在显示脸部之前显示“脸部”一秒钟。我们怎样才能延迟 UI 渲染，直到文件引用完全加载？ /*material icons file references loaded locally */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff) format('woff'), url(../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.ttf) format('truetype'); } 在您的 src 文件夹中创建一个名为 preload.js 的文件。 document.fonts.load('10pt "Material Icons"').then(function () { console.log('Material Icons font has been preloaded.'); }); 在 index.html 中的 head 部分末尾添加以下脚本标签 <script defer src="%PUBLIC_URL%/preload.js"></script> React 组件中的用户像这样 import Icon from '@material-ui/core/Icon'; function MyComponent() { return <Icon>home</Icon>; } 希望它有效只需使用带有链接标记的“预加载”： <link rel="preload" href="./material-symbols-outlined.woff2" as="font" type="font/woff2" crossorigin> 来自Google JS 转换失败时如何防止素材图标文本显示？: 你可以使用font-display: block;，只需将此CSS添加到你的HTML头中： <style> @font-face { font-family: 'Material Icons'; font-display: block; } </style> 了解更多信息字体显示

reactjs material-design

回答 3 投票 0

在物化中更改表单元素的颜色

我如何更改表单输入元素（文本、密码、标签、选择、文本区域）标签和边框底部的颜色。 ** 我尝试了 Materialise CSS 文档中提到的样式。但它不起作用。*...

html forms material-design materialize

回答 2 投票 0

工具栏不允许在其中使用匹配父布局

我设计了一个工具栏，但它不允许我制作匹配父级布局。它的左侧被锁定，不允许我将 TextView 放在那里，但右侧表现良好；我看过...

android android-studio android-layout material-design android-toolbar

回答 2 投票 0

SingleChildScrollView 内的 Flutter Column 不滚动

当我尝试在 SingleScrollChildView 中使用 Card 时，出现此错误：布局期间抛出以下断言： RenderFlex 底部溢出了 178 个像素。相关错误原因...