Ionic - Javascript 内容

几乎每个移动应用都包含一些基本元素。通常这些元素包括页眉和页脚,它们将覆盖屏幕的顶部和底部。所有其他元素将放置在这两者之间。Ionic 提供 ion-content 元素作为容器,它将包装我们想要创建的所有其他元素。

让我们考虑以下示例 −

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

<div class = "list"> 
   <label class = "item item-input"> 
      <input type = "text" placeholder = "Placeholder 1" /> 
   </label>
   
   <label class = "item item-input"> 
      <input type = "text" placeholder = "Placeholder 2" /> 
   </label> 
</div>

<div class = "bar bar-footer"> 
   <h1 class = "title">Footer</h1> 
</div>