ionic2 - 离子含量到屏幕顶部

时间:2016-10-28 03:20:12

标签: html css angular ionic2

我正在开发一款处理大量图片的移动应用。我的客户希望应用主页面具有边缘到边缘的全屏背景图像。但到目前为止我所能达到的就像下图: ion-content gap

我只是不确定如何摆脱顶部的白色差距。这是我的代码:

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

我阅读了关于content的{​​{3}},他们确实有一个名为contentTop的实例成员。但我不确定如何使用它。

  1. 如何在页面顶部设置ion-content的每个页面?我知道这与app.scss有关,但我不知道该怎么做。

1 个答案:

答案 0 :(得分:0)

尝试将fullscreen属性添加到ion-content