/ / ionic2 - teneur en ions en haut de l'écran - html, css, angular, ionic2

ionic2 - teneur en ions en haut de l'écran - html, css, angular, ionic2

Je développe une application mobile qui traite beaucoup d'images. Mon client souhaite que la page principale de l'application affiche une image d'arrière-plan plein écran bord à bord. Mais tout ce que je peux réaliser jusqu’à présent est semblable à l’image ci-dessous: intervalle de contenu ionique

Je ne sais tout simplement pas comment se débarrasser de l'écart blanc au sommet. Voici mon code:

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

Je lis le ionicframework docs sur content, ils avaient un membre d'instance appelé contentTop. Mais je ne sais pas comment l'utiliser.

  1. Comment est-il possible pour moi de définir chaque page avec le ion-content en haut de la page? Je sais que cela a à voir avec app.scss mais je ne sais pas comment faire cela.

Réponses:

0 pour la réponse № 1

Essayez d'ajouter fullscreen attribuer à ion-content