Как установить платформу конкретной CSS (разные стили для Android и IOS) в ionic4 - PullRequest
Новая
       14

Как установить платформу конкретной CSS (разные стили для Android и IOS) в ionic4

0 голосов
/ 12 января 2019

Чтобы установить конкретные стили "ListingPage" для android и ios в ionic 3, я использовал структуру ниже в файле .scss страницы / компонента "Листинг": 

.ios {  // for ios
    page-listing { // page selector
        // css enclosed in class or id selectors
    }
}

.md {  // for android
    page-listing { // page selector
        // css enclosed in class or id selectors
    }
}

Как мне добиться того же стиля для конкретной платформы в ionic4.

Ответы [ 2 ]

0 голосов
/ 06 февраля 2019

https://ionicframework.com/docs/theming/platform-styles/

Вся документация уже предоставлена ​​ионной командой. Пожалуйста, пройдите ее. 

<html class="md"> //for android
<html class="ios"> //for ios

это работает для меня

0 голосов
/ 06 февраля 2019

Думаю, теперь вам нужно вручную добавить элемент с class / id в ваш компонент. 

<div class="page-listing">Something</div>

.page-listing {
   color: red;
}

.ios .page-listing {
   color: yellow;
}

.md .page-listing {
   color: pink;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...