Ionic的SASS变量似乎不起作用。

huangapple go评论67阅读模式
英文:

Ionic SASS variables seem's like doesn't working

问题

我想要更改背景颜色。像这样:

$red: 红色;

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

但它不起作用。

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

是否起作用... 问题出在哪里?

英文:

I want change the background color. Like this:

$red: red;

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

But it's doesn't working.

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

Is it working... what is the problem?

答案1

得分: 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);
}
英文:

In variables.scss I wrote:

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

And in the app.scss:

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

huangapple
  • 本文由 发表于 2020年1月4日 01:14:03
  • 转载请务必保留本文链接:https://go.coder-hub.com/59582646.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定