Ionic：评论页面上的自定义标签栏背景颜色？

Question

离子1.2

我正在尝试更改我的应用中标签栏在特定屏幕上的背景颜色，其中我有一个位于标签栏顶部的文本输入，类似于Twitter的标签栏的方式看起来（见下图）。

换句话说，我想在特定屏幕上将标签栏的背景颜色从黑色更改为白色，否则将标签栏保持为默认的黑色。这个想法类似于在特定屏幕上添加一个类来改变标签栏的样式。

有什么想法？任何帮助非常感谢！

Answer 1

您可以使用 ng-style 。

执行此操作

1。） tabs.html

在ng-style="{'background-color': Color}"内添加<ion-tabs>。

<ion-tabs class="tabs-icon-top tabs-color-active-light" ng-style="{'background-color': Color}">

  //

</ion-tabs>

2。） controllers.js

将$rootScope作为依赖项添加到$ionicView之后添加到每个控制器（在控制器中使用相同的颜色，其中文本输入位于选项卡栏的顶部）。对于每个标签选择不同的颜色。

$scope.$on('$ionicView.beforeEnter', function() {
  $rootScope.Color = 'red';
  });

3。） style.css

.tabs {
   background-color: inherit;
}