Ионная панель вкладок не прозрачна на корневой странице
Я сделал панель вкладок с прозрачным фоном в своем приложении ionic / angular. В моем app.scss есть следующий код
.tabbar {
background: transparent !important;
border: none !important;
}
.tabs-ios .tabbar {
background: transparent !important;
border: none !important;
}
.ion-tabs {
background: transparent !important;
border: none !important;
}Он отлично работает, когда я тестирую в браузере, но когда я тестирую с помощью приложения ionic view, на первой странице, загруженной страницей вкладок, все еще отображается стандартная панель вкладок. Вкладки прозрачны на всех остальных страницах, кроме первой, которая является «домашней» страницей.
Кто-нибудь знает, почему это? Это просто ошибка исключительно ненадежного приложения Ionic View или проблема, которую я должен попытаться исправить?
Спасибо за помощь, но добавление $ toolbar-background в variables.scss ничего не изменило. А другой компонент Cordova предназначен для строки состояния, у меня проблемы с панелью вкладок. И это работает везде в моем приложении, кроме первой загруженной страницы.
Установите приложение на устройство Android, после чего вы сможете проверить его на Chrome.
Я еще не приобрел устройство Android для тестирования, но я куплю его, так как в какой-то момент мне понадобится. Смогу ли я получить лучшие инструменты, чем просмотр браузера Chrome с использованием ionic serve?
строка состояния - это встроенный компонент Cordova, цвет которого можно изменить, добавив в src / theme / variable.scss $ toolbar-background: # 44acba; или для прозрачности смотрите здесь forum.ionicframework.com/t/…