所以,我正在使用angularCli和Angular-MDC,我想使用styles.scss
的第二颜色。在网站上有https://trimox.github.io/angular-mdc-web/#/angular-mdc-web/top-app-app-bar-demo/sass undy mdc-top-app-bar-fill-color($color)
我使用并返回No mixin named mdc-top-app-bar-fill-color
,下面是我的代码:
component.html
<mdc-top-app-bar class="header-mdc" [mdcElevation]="5">
<div style="text-align: center">
<h1>Autonomous</h1>
</div>
</mdc-top-app-bar>
component.scss
.header-mdc {
@include mdc-top-app-bar-fill-color($mdc-theme-secondary);
}
styles.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
文件的顶部,则应起作用。
这感觉有些不当,我敢肯定有更好的方法。