离子 - 内容

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

该容器具有一些独特的特征，但由于这是一个基于 JavaScript 的组件，我们将在本教程的后面部分介绍它。

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