Ionic настроить существующие компоненты пользовательского интерфейса

Question

Как мне попытаться настроить существующий компонент пользовательского интерфейса за пределами предоставленных им переменных SASS?

Например, я хотел бы настроить границы ion-navbar и сделать дизайн плоским для обоихiOS и Android.Существует возможность создания компонента с нуля, но мне было интересно, можно ли просто настроить существующий ion-navbar за пределы настройки его переменных SASS.

Answer 1

После тщательного изучения документации, я нашел ответ здесь:

https://ionicframework.com/docs/theming/platform-specific-styles/#overriding-the-mode-styles

Нам просто нужно добавить класс .md и .ios css к нужному компонентучтобы настроить.Например, чтобы настроить кнопку:

.md .ios .button {
  /* Your custom css here */
}

Answer 2

Вы можете найти код для ion-navbar в "node_modules"> "ionic-angular"> "components"> "toolbar" и настроить его оттуда.

Однако я настоятельно рекомендую вам создатьсвой собственный компонент navbar и используйте его оттуда.