Ионный - Контент

Практически каждое мобильное приложение содержит фундаментальные элементы. Обычно эти элементы включают верхний и нижний колонтитулы, которые закрывают верхнюю и нижнюю часть экрана. Все остальные элементы будут помещены между этими двумя. 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>