Question

到目前为止，我有一个非常简单的应用程序，但我无法弄清楚如何修复内容的重叠（内容顶部的标题）。我创建了一个组件42.56.35.1:100001:test:run 42.56.35.1:100002:test:run 42.56.35.1:100003:test:run 42.56.35.1:100004:test:run 42.56.35.1:100005:test:run，其中包含名称所示的标题。

<强烈> header.html中

header

我一直试图在不同的页面上使用它，但它总是与页面的内容重叠。

page.html中

<ion-header>
    <ion-navbar color="dark">
        <ion-title>
            Some Title
        </ion-title>
    </ion-navbar>
</ion-header>

我尝试过使用<app-header></app-header> <ion-content padding> <h1>Some Page</h1> </ion-content>标记代替div，并尝试使用ion-content，但似乎没有任何效果。虽然，如果不使用class="has-header"作为如下组件，它可以正常工作。但我想使用header作为组件，以便我可以在其他页面上重复使用它。

page.html（不想这样）

header

Answer 1

正如Ionic团队的@brandyshea在Ionic官方论坛的this thread中指出的那样，问题是，在一页中，您只能将3种标签作为顶部标签，其他所有内容都必须放在其中一个标签中。这三个标签是：

<ion-header></ion-header>
<ion-content></ion-content>
<ion-footer></ion-footer>

我试图将我的应用程序组织为@Hafiz并偶然发现了相同的问题，解决方案是将自定义标头（ <ew-navigazione-top> ）放在 {{1 }} 在每个页面中。

<ion-header>

P.S。这是Ionic 3的解决方案。对于以前的版本，在同一链接线程上，您可以找到其他特定的解决方案。

Answer 2

尝试以下方法：

<app-header></app-header>
<ion-content style="margin-top:__px">
<h1>Some Page</h1>
</ion-content>

离子头与离子含量重叠离子3

2 个答案: