离子离子选择背景颜色

时间:2018-03-24 18:27:49

标签: typescript ionic-framework ionic3

我需要帮助才能改变。背景颜色,因为当我选择一个选项时它会消失,我想只改变黄色到黑色的背景

Image here pls check

1 个答案:

答案 0 :(得分:0)

我在互联网教程中找到了这个解决方案,我希望能帮到你 好的只是使用它作为html,说组件或页面被命名为masters,它将呈现一个页面列表,这很简单:

<ion-content padding class="masters">
  <ion-list inset>
    <button ion-item *ngFor="#master of masterPages" (click)="navMaster(master)">
      {{master.title}}
    </button>
  </ion-list>
</ion-content>

然后在你的scss中,你定位离子内容标签中的类:

  

.masters {background-color:green; }

最后,您确保使用app.core.scss编译此scss,方法是将其导入同一个文件中,如:

  

@import&#34; ../ pages / masters / masters&#34 ;;

注意:使用ionic generate命令创建组件,页面或其他内容时,它会在html中添加类名并为您创建scss文件,这意味着这是离子团队对样式隔离的强硬方式,一定不要在另一个具有相同名称的组件中命名另一个类,它应该是一个组件类,如果需要,可以在类之前添加.admin-masters和/或.client-masters。