angular - Angular-mdc 返回“没有名为 mdc-top-app-bar-fill-color 的 mixin”
问题描述
所以,我正在使用 angularCLI 和 angular-MDC,我想使用我的styles.scss
. 网站上有https://trimox.github.io/angular-mdc-web/#/angular-mdc-web/top-app-bar-demo/sassmdc-top-app-bar-fill-color($color)
我使用并返回了这个语法No mixin named mdc-top-app-bar-fill-color
,下面是我的代码:
组件.html
<mdc-top-app-bar class="header-mdc" [mdcElevation]="5">
<div style="text-align: center">
<h1>Autonomous</h1>
</div>
</mdc-top-app-bar>
组件.scss
.header-mdc {
@include mdc-top-app-bar-fill-color($mdc-theme-secondary);
}
样式.scss
$mdc-theme-primary: #6200ee; // primary color
$mdc-theme-secondary: #FFFFFF; // secondary color
@import '~@angular-mdc/theme/material';
body {
font-family: 'Roboto Thin';
margin: 0;
padding-top: 0.1px;
}
错误
@include mdc-top-app-bar-fill-color($mdc-theme-secondary);
^
No mixin named mdc-top-app-bar-fill-color
解决方案
如果你把它放在文件@import '~@angular-mdc/theme/material';
的顶部,component.scss
它应该可以工作。
虽然这感觉有点不合适,但我相信有更好的方法。
推荐阅读
- python - ValueError:无法重塑具有 150528 个元素的张量以塑造 [224,150528]
- java - 如何将击键发送到非活动窗口?
- python - Python:使用上述单元格中的公式自动填充单元格,MAC OS
- java - 如何了解 Android Studio Bundle 中的“关键”是什么?
- cplex - 预求解阶段的 Cplex 限制时间
- php - HTML 数据源 PHP 脚本返回未捕获的错误
- r - 在 R 中创建流程图
- python - 从我的数据框中计算加权平均值
- html - 需要仅使用 CSS 下推 div
- python - 如何附加到具有前 5 个分数和相应用户的外部文件