在Angular中,可以使用Angular Material和Bootstrap作为两个常用的主题。下面是关于SCSS中变量问题的解决方法:
// _variables.scss
$primary-color: #007bff;
$secondary-color: #6c757d;
// styles.scss
@import '_variables';
.header {
background-color: $primary-color;
color: $secondary-color;
}
在angular.json文件中,找到"styles"属性,并确保已经添加了styles.scss文件。
"styles": [
"src/styles.scss"
],
这样,你就可以在整个应用程序中使用定义的变量,并在需要更改主题时,只需要修改_variables.scss文件中的变量。