Question

我正在使用最新版本的ionic4（rc0），并且试图在根目录的app.component.ts中创建我的<ion-header>。

<ion-app>
    <ion-header>
      <ion-toolbar color="primary">
        <ion-title>
          <img src="assets/atippr_logo.svg" class="atippr-header"/>
        </ion-title>

      </ion-toolbar>
    </ion-header>

    <ion-menu side="start">

      <ion-header>
        <ion-toolbar color="primary">
          <ion-title>Menu</ion-title>
        </ion-toolbar>
      </ion-header>

      <ion-content>
        <ion-list>
          <ion-item ion-item menuClose="start" href="/dashboard">
            <ion-icon name="apps" item-left></ion-icon>
            Dashboard
          </ion-item>
        </ion-list>
      </ion-content>

    </ion-menu>

    <ion-router-outlet main></ion-router-outlet>
</ion-app>

后来我想在路由页面中设置我的<ion-content>。

<ion-content>
  Login
</ion-content>

但是现在我页面的内容始终与app.component.ts的标题重叠当我正确记得ionic3时，有一个标记添加hasHeader =“ true” 但没有效果。

有人可以帮助我吗？

Answer 1

不知道它是否仍然有用，但是我遇到了同样的问题，并找到了可以解决此问题的结构：

<script/>

也不要忘记在组件html中打开一个新的（带/不带填充）

Answer 2

您尝试过给内容“具有标题”类吗？

<ion-content class="has-header">

在离子流出口时，离子含量与离子头重叠

2 个答案: