一直在遵循 Angular 关于主题的材料指南,这使我进行了以下设置(忽略 $mx-* 调色板,这些调色板具有 50..900 级别的正确值以及对比度): 这在一些组件中被成功地忽略了,因为我的设置对 mdc-theme 没有影响: 在深入了解包含mat.all-component-themes时 ...
一直在遵循 Angular 关于主题的材料指南,这使我进行了以下设置(忽略 $mx-* 调色板,这些调色板具有 50..900 级别的正确值以及对比度): 这在一些组件中被成功地忽略了,因为我的设置对 mdc-theme 没有影响: 在深入了解包含mat.all-component-themes时 ...
查看Material Components Web 文档,除其他外,我看到了@use "material/chips/styles" 当我访问app.scss –adopt-a-pup时,我看到了@import语句,例如@import "@material/chips/mdc-chips"; 我知 ...
我只使用材料设计的高程部分(mdc-elevation),只是想添加一些实用程序类。 在我的 scss 文件中,我有这个: 但是我的编译器抱怨: 我不知道我是否做得对,因为文档没有很多示例,进入源代码就像进入一个很深的抽象兔子洞。 我使用的是 sass,而不是 node-sass,所以模块应该可以 ...
我遇到了 MDC web 文本字段组件的问题。 问题是当我单击文本字段输入输入时,大纲不会保留。 请参阅下面的哈巴狗和 javascript 代码: ...
根据 Material Design 文档( https://material.io/components/text-fields/ios#outlined-text-field ),可以通过 textColor 属性(文档截图)更改leadingAssistiveLabel 的颜色。 我尝试用橙 ...
为什么MDCSelect:change在我在附加所有选项之前调用它时不起作用 MDCSelect:change正在工作,但UI 看起来不太好。 问题:如何使MDCSelect:change工作而不损害 ui 外观。 当我对这两行的代码进行洗牌时,它可以完美运行 使用上面的代码select UI看起来 ...
我正在使用@material/select。 AJAX 调用后从 JS 脚本添加选项:(简化代码) Material 监听器代码如下所示(当用户选择一个选项时触发): 我要做的是在用户选择选项时发出 AJAX 请求,但 MDCSelect 代码在 AJAX 请求(获取data )之前运行,并且 ...
我想制作嵌套列表,使其类似于树文件夹结构这就是我期待我的清单的方式 这是我尝试过但不起作用的方法 <link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" ...
我正在尝试使用 lit-element 制作自己的组件,并且我想在其中使用 mdc-datable styles。 我已经从“@material/data-table”导入并从此处复制示例代码https://material.io/components/data-tables/web#data-ta ...
我第一次尝试材料设计并且正在努力让标签指示器工作的混合。 我是这个框架的新手并使用 sass 所以我确定我错过了一些东西。 App.scss看起来像这样:@use "@material/theme" with ( $primary: #33302d, $secondary: #d6 ...
我发现您可以使用 SASS mixin @include height(20px)设置 MDC Web 的填充文本字段的高度。 但是,在使用所述 SASS mixin 设置高度后,显示的浮动 label 就会消失。 进一步检查,它似乎设置为display: none 。 当我手动将其设置为disp ...
根据MDC Web 文档的要求,我的main.scss中有这两行代码。 然后,我有这个 Gulp 任务将我的main.scss文件转换为单个build.css文件。 当我删除上面的两行时,我的main.scss文件编译得很好。 我得到的错误如下。 我的 Gulp 任务如下。 我正在使用gulp-da ...
应用使用以下 MyThemeStyle 作为其主题: 在 AndroidManifest 中: 这适用于 EditText,但对 com.google.android.material.textfield.TextInputLayout 没有影响。 任何人都可以对此有所了解吗? ...
我正在尝试有一个永久抽屉(不在顶部应用栏下方)和网站的可滚动部分,顶部有一个标准的顶部应用栏,就像这个演示一样。 一切正常,直到我开始滚动页面,并且顶部应用栏根本不移动,这与我期望的基于演示的情况不同。 (我在没有本地托管任何内容的情况下执行所有这些操作,因此它应该可以在没有任何本地文件的情况下 ...
所以我使用没有 node.js 的 MDC(材料设计组件),这意味着我必须像这样导入它: 所以 CSS 工作得很好,我可以使用 MDC 中的任何类并且它完美无缺。 但是 JavaScript 附加效果存在一些局部问题。 TextField 工作正常 - 当我单击它时,文本会发生变化。 但是任 ...
问题:应用程序使用时没有问题 Theme.MaterialComponents.Light.NoActionBar 但是没有在 Layout 中使用任何 MDC 元素,例如(TextInputLayout 等)。 然后我用TextInputLayout替换Editext ,用 Mater ...
当我没有在colors.xml文件中指定任何颜色时,为什么MaterialComponents应用随机颜色? 有没有办法为日间模式删除这些颜色,以便显示白色? 我知道MaterialComponents允许更好地自定义主题,但我特别不需要主要和次要配色方案。 这在我使用AppCompat时从未发生过 ...
我正在通过 CDN 使用材料设计来创建一个填充的输入字段,但是当用户没有正确编写例如电子邮件时,我无法在下面创建错误消息,我尝试了几种方法也通过 CDN 导入 jquery,但确实如此不能正常工作。 我曾尝试查看材料设计的 API 并尝试实现它,但它也不起作用。 任何帮助将非常感激! 谢谢 ...
我正在研究一个 Angular 8 项目,使用 @angular/mdc-web 作为 Material Design 的包装器。 今天我不得不修复一个围绕错误对话框的错误。 该对话框显示一条错误消息,可以通过单击“确定”按钮关闭。 非常简单,一切都很好,直到我在实施后的第二天收到 QA 人员报告 ...
我有一个材料按钮。 当我点击它时,按钮中的文本 label 会缩小并保持较小,释放后永远不会恢复到原始大小。 我使用的 cocoa pod 是 pod 'MaterialComponents/Buttons', '~> 92.4.0' 点击前 点击后 ...