离子 SASS 变量似乎不起作用

Question

我想改变背景颜色。像这样：

$red: red;

ion-router-outlet, ion-header ion-toolbar{
  --ion-background-color: $red;
  --background: $red;
}

但它不起作用。

ion-router-outlet, ion-header ion-toolbar{
  --ion-background-color: red;
  --background: red;
}

它工作正常吗...有什么问题？

Answer 1

我在 variables.scss 中写道：

...
--background-white: #F6F6F6;
...

在 app.scss 中：

ion-router-outlet, ion-header ion-toolbar{
  --ion-background-color: var(--background-white);
  --background: var(--background-white);
}