2015-01-30 2 views
1

휴대 기기 용 앱을 개발 중이며 이온을 사용하고 있습니다. 내 문제는 내가 헤더와 하위 헤더를 만들었지 만 콘텐츠를 숨기고 있다는 것입니다.이온 헤더 및 하위 헤더 내용을 숨 깁니다.

내 코드는 다음과 같습니다, 나는 누군가가 나를 도울 수 있기를 바랍니다 :

<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> 
+0

@ Derry의 답변이 효과가있는 경우 선택하십시오. –

답변

4

<ion-content> 요소에 class="has-subheader"를 추가합니다.

+0

고맙습니다! 이게 내 문제를 해결 :) –