ionic-framework - Ionic5 在运行时设置项目颜色

Question

我试图在我的 ionic5 项目中实现相同的 ionic3 行为。我的项目背景颜色应在运行时根据变量确定

离子3 HTML：

<ion-item [ngStyle]="{'background-color': color, 'color':'#363232'}">

在哪里color=rgb(255,51,0)或类似。在ionic3中工作。现在，启用此功能的 ionic5 语法是什么？

谢谢，埃尔

标签： ionic-frameworkionic3ionic4ionic5

Answer 1

使用--ion-background-color代替背景色。

在 html 中

  <ion-item style="--ion-background-color: {{_bckgndclr}}; color: #363232;">

在 ts

_bckgndclr: any = 'rgb(255,51,0)';

您可以通过更改 ts 中的_bckgndclr变量来更改颜色。

谢谢你。