相关疑难解决方法(0)

离子动态工具栏背景颜色

我有一个页脚,我想让它的背景颜色动态。我试图将元素绑定到一个类或提供动态样式,但它不起作用。事件它没有采用样式。我的 html 中有这个。

<ion-footer align="center" style="height: 50px" *ngIf="visibility">
  <ion-toolbar class="testing"> //or// <ion-toolbar style="background-color: lightgreen">
    <ion-title>
      .....
Run Code Online (Sandbox Code Playgroud)

这在我的 .scss 中

.toolbar-background.testing {
  background-color: lightgreen;
  color:white
}
Run Code Online (Sandbox Code Playgroud)

//或者

.testing {
  background-color: lightgreen;
}
Run Code Online (Sandbox Code Playgroud)

只有这样有效,但我不知道如何使其动态化。

.toolbar-background {
  background-color: lightgreen;
  color:white
}
Run Code Online (Sandbox Code Playgroud)

css ionic2

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

ionic2 ×1