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>