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:
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.
- 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 avecapp.scss
mais je ne sais pas comment faire cela.
Réponses:
0 pour la réponse № 1Essayez d'ajouter fullscreen
attribuer à ion-content