gpt4 book ai didi

Angular-MDC 返回 "No mixin named mdc-top-app-bar-fill-color"

转载 作者:行者123 更新时间:2023-12-02 15:38:34 26 4
gpt4 key购买 nike

所以,我正在使用 AngularCLI 和 Angular-MDC,我想使用 styles.scss 的第二种颜色。现场有https://trimox.github.io/angular-mdc-web/#/angular-mdc-web/top-app-bar-demo/sass我使用了此语法mdc-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 文件的顶部,它应该可以工作。

虽然这感觉有点不合适,但我确信有更好的方法。

关于Angular-MDC 返回 "No mixin named mdc-top-app-bar-fill-color",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54816579/

26 4 0