Ionic - 内容

几乎每个移动应用都包含一些基本元素。通常这些元素包括页眉和页脚,它们将覆盖屏幕的顶部和底部。所有其他元素将放置在这两者之间。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>