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