Question

我有这样的标记。

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <meta charset="utf-8" />
    <link href="css/ionic.css" rel="stylesheet" />
</head>

<body>
    <div class="bar bar-header bar-light">
        <h1 class="title">Header</h1>
    </div>

    <ion-content>
        <h1>Header</h1>
    </ion-content>

    <div class="bar bar-footer">
        <div class="title">Title</div>
    </div>

</body>

</html>

观察到的： ioc-content隐藏在bar-header下。我做错了什么？

Answer 1

您需要添加“has_header”类

<ion-content class="has-header">
    <h1>Header</h1>
</ion-content>

Answer 2

更正您需要将其设置为：

<ion-content has-header="true">
    <h1>Header</h1>
</ion-content>

离子标记语言

2 个答案: