ionic2 - содержание ионов в верхней части экрана

Question

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

Я просто не уверен, как избавиться от белого зазора сверху. Вот мой код:

home.html:

<!--<ion-header> <ion-navbar> 
    <ion-title> 
     Ionic Blank 
    </ion-title> </ion-navbar> </ion-header>--> 

<ion-content> <div class="gmHomeTopScreen"> 
    <p *ngIf="user"> 
     <i>Welcome, {{user}}</i> 
    <p> 
    <button class="button button-clear button-positive" (click)="openModal({charNum: 0})"> 
     Gollum 
    </button> </div> </ion-content> 

home.scss:

page-home { 

.gmHomeTopScreen{ 
width: 100%; 
height: 100%; 
background-color: #999; 
} 
} 

Я прочитал ionicframework docs о content, они имеют член экземпляра называется contentTop , Но я не уверен, как его использовать.

2. Как мне установить каждую страницу с ion-content наверху страницы? Я знаю, что это связано с app.scss, но я не уверен, как это сделать.

Answer 1

Попробуйте добавить fullscreen атрибут ion-content