Лучшее руководство по ионная голова и низ в 2024 году. В этом руководстве вы можете изучить Заголовок (заголовок),Sub Заголовок (подзаголовок),Footer (нижний),
Узел заголовка крепится к верхней части экрана, вы можете упаковать такие как заголовок и функциональных кнопок вокруг.
ионная по умолчанию обеспечивает много видов цвета стиля, вы можете назвать другое имя стиля, конечно же, вы можете настроить.
<div class="bar bar-header bar-light"> <h1 class="title">bar-light</h1> </div>
<div class="bar bar-header bar-stable"> <h1 class="title">bar-stable</h1> </div>
<div class="bar bar-header bar-positive"> <h1 class="title">bar-positive</h1> </div>
<div class="bar bar-header bar-calm"> <h1 class="title">bar-calm</h1> </div>
<div class="bar bar-header bar-balanced"> <h1 class="title">bar-balanced</h1> </div>
<div class="bar bar-header bar-energized"> <h1 class="title">bar-energized</h1> </div>
<div class="bar bar-header bar-assertive"> <h1 class="title">bar-assertive</h1> </div>
<div class="bar bar-header bar-royal"> <h1 class="title">bar-royal</h1> </div>
<div class="bar bar-header bar-dark"> <h1 class="title">bar-dark</h1> </div>
Sub Заголовок также фиксируется в верхней части, чуть ниже заголовка оно, даже если это не написать заголовок, заголовок Sub Этот стиль также имеет заголовок из верхней части расстояния. Цвет в стиле с заголовком.
<div class="bar bar-header"> <h1 class="title">Header</h1> </div> <div class="bar bar-subheader"> <h2 class="title">Sub Header</h2> </div>
Footer находится в нижней части экрана может содержать несколько типов контента.
<div class="bar bar-footer bar-balanced"> <div class="title">Footer</div> </div>
Footer с указанным выше заголовка, только название стиля штрих-заголовка для ведения бар-колонтитуле.
<div class="bar bar-footer"> <button class="button button-clear">Left</button> <div class="title">Title</div> <button class="button button-clear">Right</button> </div>
Кроме того, если дно не имеет названия, но они нуждаются в правую кнопку, вам нужно правую кнопку, чтобы добавить тянущий направо, такие как:
<div class="bar bar-footer"> <button class="button button-clear pull-right">Right</button> </div>