Ionic: Цвет фона пользовательской вкладки на странице комментариев?

Question

Ionic: Цвет фона пользовательской вкладки на странице комментариев?

0

Ионный 1.2

Я пытаюсь изменить цвет фона панели вкладок на определенном экране в моем приложении, где у меня есть ввод текста, сидящий поверх панели вкладок, аналогично тому, как выглядит панель вкладок Twitter (см. Изображение ниже).

Другими словами, я хочу изменить цвет фона моей панели вкладок, например, от черного до белого на определенном экране, и в противном случае сохранить панель вкладок по умолчанию в черном цвете. Идея будет похожа на добавление класса к определенному экрану, чтобы изменить стиль панели вкладок.

Есть предположения? Любая помощь очень ценится!

Sahadeva Hammari 02 авг. 2016, в 02:40

Источник

0

Помог ли мой ответ решить проблему? Если вам нужно что-нибудь еще, я здесь.
Tomislav Stankovic 15 нояб. 2016, в 21:37

Теги:

ionic-framework

angularjs

1 ответ

Ещё вопросы

Помог ли мой ответ решить проблему? Если вам нужно что-нибудь еще, я здесь.

Tomislav Stankovic · Answer 1 · 2016-08-06T10-55-00.000Z

Вы можете сделать это, используя ng-стиль.

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;
}