underline-color
。
说明如下:
要自定义选项卡指示器,请使用以下mixin。
然后给出了一个表格。对于下划线颜色,它说:
underline-color($color) 自定义下划线的颜色。
因此,在我的scss
文件中,我尝试使用以下代码:
.mdc-tab-indicator {
underline-color(red);
}
我使用 dart-sass
编译我的 sass,结果出现了以下错误:
Error: expected "{".
它说这是一个“Sass Mixin”。那么,我查看有关mixins的SASS文档。我没有看到任何遵循语法mixin-name($variable)
的内容。里面的所有内容看起来像
@mixin reset-list {
margin: 0;
}
使用花括号而不是圆括号。但是错误提示说它期望一个花括号,并且还需要 @
符号。因此,我尝试:
.mdc-tab-indicator {
@underline-color(red);
}
这段代码不会报错,但是无法改变下划线的颜色。我尝试按照Sass文档中的语法进行编写:
.mdc-tab-indicator {
@underline-color(red){};
}
没有错误,但颜色没有变化。我试图更好地匹配语法:
.mdc-tab-indicator {
@mixin underline-color(red){};
}
这会抛出一个
Error: expected ")".
我会尝试
.mdc-tab-indicator {
@mixin underline-color(red);
}
出现了相同的错误。
我不明白"材料组件文档"正在指导什么。当它说“要自定义选项卡指示器,请使用以下mixin”时,这是什么意思呢?我该如何更改Material Design Component选项卡指示器的下划线颜色呢?