问题标签 [material-components]

在我的 Head 标签中有以下内容

我可以看到主要适用于以下计算结果背景颜色：rgb(100, 186, 105); = #64ba69

但是对于低于 mdc-fab 的情况下，secondary 不起作用，因为获取计算结果 background-color:rgb(255, 64, 129); = #ff4081

不知道为什么？https://codepen.io/webiflex/pen/rYKaNm

我正在构建一个应用程序，我需要在集合视图上方有灵活的标题。我已经实现了 Material Component Flexible 标题并从 xib 添加了标题视图这是我的代码

在 xib 中，我添加了两个按钮。ibaction 两者都没有被调用。如果我执行headerView.bringSubview(toFront: heroHeaderView)这些按钮，ibaction 会被调用，但它会隐藏我的 appbar。我怎样才能同时拥有应用栏和按钮触摸

我正在使用带有以下代码的 Rails 5.1.4。我已确认material.js正在处理该文件并且material-components-web已下载并发现该模块。

为什么mdc调用时未定义window.mdc.autoInit()？

我努力了

• 分别进口@material/auto-init。
• 将autoInit调用放入 onload
• 添加console.dir(window)/console.dir(this)内部包文件。this不在window包文件中，并且导出未附加到this

我想在滚动时隐藏我的底栏，但 FAB 应该留在屏幕上。

如果我把使用锚FAB放在上面，BottomNavigationView但它出现在它后面。

如果我投入layout_insetEdge="bottom"使用，BottomNavigationView那么它可以工作，但会使我的测试失败（https://issuetracker.google.com/issues/70162122）所以我目前无法使用它。

布局：

我想有一个集中的网格单元，例如桌面中有 6 列。在docs中，它说：

网格默认居中对齐。您可以添加 mdc-layout-grid--align-left 或 mdc-layout-grid--align-right 修饰符类来更改此行为。

然后我输入：

期待桌面：

而不是真正输出的内容：

如何让cell保持中心化？

MDC 排版是特定于 Roboto 字体的，还是我们可以使用其他 Google 字体实现，如果是这样，推荐的方法是否只是将font-familyCSS 应用于body？

最后，似乎所有标题元素都与<h1>似乎破坏了 HTML5 语义性质的元素相关联，即h1通常比h5.

我使用 google MATERIAL COMPONENTS FOR THE WEB 并遇到“简单菜单”问题。检查我的 codepen：[每页有多个菜单？][1]

第一个菜单有效，其他菜单无效。每页有多个菜单我该怎么做？

我刚刚进入 Material Components for the Web 并且我希望有一个类似这样的网站，尽管我尝试了文档中的代码（这显然不完整）并得到了这个。我怎样才能得到像这个例子一样的东西？

我在我的项目中使用材料 Web 组件，我想更改字体系列。我正在浏览他们的文档，我试图通过在我的 sass 文件中设置变量来做到这一点，如下所示：

但是，这不起作用，在文档中它还说 sass mixin 设置了字体：

如何更改 mixin 以使用不同的字体系列？

如何使用基本 CSS/HTML/JavaScript 在 MDC-Web 中的复选框元素上设置自定义颜色？

示例：如何使此复选框背景为浅蓝色？