Ionico - Contenuto

Quasi ogni app mobile contiene alcuni elementi fondamentali. Di solito questi elementi includono un'intestazione e un piè di pagina che copriranno la parte superiore e inferiore dello schermo. Tutti gli altri elementi verranno inseriti tra questi due. Ionic fornisceion-content elemento che funge da contenitore che avvolgerà tutti gli altri elementi che vogliamo creare.

Questo contenitore ha alcune caratteristiche uniche, ma poiché si tratta di un componente basato su JavaScript che tratteremo nella parte successiva di questo tutorial .

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