离子标记语言

Question

I have markup like this. 我有这样的标记。

<!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>

Observed: ioc-content is hidden under bar-header. 观察到：ioc-content隐藏在栏标题下。 What i'm doing wrong? 我做错了什么？

Answer 1

You need to add the class "has_header" 您需要添加类“ has_header”

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

Answer 2

Correction you need to set it as: 更正您需要将其设置为：

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

离子标记语言

问题描述

2 个解决方案

解决方案1
0 2014-06-22 04:04:12

解决方案2
0 2014-11-11 04:37:01

离子标记语言

问题描述

2 个解决方案

解决方案1 0 2014-06-22 04:04:12

解决方案2 0 2014-11-11 04:37:01

解决方案1
0 2014-06-22 04:04:12

解决方案2
0 2014-11-11 04:37:01