Question

我正在为移动设备开发应用程序，我正在使用离子。我的问题是我创建了一个标题和一个副标题，但它隐藏了内容。

我的代码如下，我希望有人可以帮助我：

    <ion-pane>
        <div class="bar bar-header bar-energized">
            <h1 class="title">Delegate HR-System</h1>
        </div>
        <!--Sub Header-->
        <div class="bar bar-subheader">
            <h3 class="title">Add Employee</h3>
        </div>
        <ion-content>

            <!--Form add employee-->
            <div class="list">
                <label class="item item-input item-floating-label">
                    <span class="input-label">First Name</span>
                    <input type="text" placeholder="First Name">
                </label>
                <label class="item item-input item-floating-label">
                    <span class="input-label">Last Name</span>
                    <input type="text" placeholder="Last Name">
                </label>
                <label class="item item-input item-floating-label">
                    <span class="input-label">Email</span>
                    <input type="text" placeholder="Email">
                </label>
                <button class="button button-positive">
                    Create
                </button>
            </div>

        </ion-content>
        <ion-footer-bar class="bar-royal">
            <!--Menu-->
            <div class="tabs tabs-icon-top">
                <a href="index.html" class="tab-item">
                    <i class="icon ion-person-stalker"></i>
                    Employees
                </a>
                <a href="addEmployee.html" class="tab-item">
                    <i class="icon ion-person-add"></i>
                    Add Employee
                </a>
                <a href="addDevice.html" class="tab-item">
                    <i class="icon ion-laptop"></i>
                    Add Device
                </a>
            </div>
        </ion-footer-bar>
    </ion-pane>

Answer 1

将class="has-subheader"添加到<ion-content>元素。

离子头和子头隐藏内容

1 个答案: