Latest web development tutorials

ионных верх и низ

ионно-заголовок-бар

Это крепится к верхней части экрана заголовок заголовка бар. Если к этому добавить это бар-подзаголовка "этот стиль, она имеет подзаголовок.

использование

<ion-header-bar align-title="left" class="bar-positive">
  <div class="buttons">
    <button class="button" ng-click="doSomething()">Left Button</button>
  </div>
  <h1 class="title">Title!</h1>
  <div class="buttons">
    <button class="button">Right Button</button>
  </div>
</ion-header-bar>
<ion-content>
  Some content!
</ion-content>

API

свойство тип описание
выравнивать-заголовок
( По желанию)
string

Это выравнивание заголовка. Если он не установлен, он будет следовать макет по умолчанию телефона (Ios по умолчанию центрируется, Android по умолчанию слева). Его значение может быть "левый", "Центр", "право".

нет-водопроводная прокрутки
( По желанию)
boolean

По умолчанию, глава строки заголовка при нажатии на кнопку содержимого экрана будет прокручиваться в голове, нет-тук-свиток не может быть установлена ​​истина, чтобы отключить действие. , Его значение является логическое значение (истина / ложь).


ионно-сноска-бар

Знайте ион-заголовка-бар, понять ион-футовой-бар на легкий привлекательный! Только ионно-сноска-бар находится в нижней части экрана.

использование

<ion-content>
  Some content!
</ion-content>
<ion-footer-bar align-title="left" class="bar-assertive">
  <div class="buttons">
    <button class="button">Left Button</button>
  </div>
  <h1 class="title">Title!</h1>
  <div class="buttons" ng-click="doSomething()">
    <button class="button">Right Button</button>
  </div>
</ion-footer-bar>

API

И ионно-заголовок-бар отличается, ионно-сноска-бар только выравнивать-название этого API.

свойство тип описание
выравнивать-заголовок
( По желанию)
string

Это выравнивание заголовка. Если он не установлен, он будет следовать макет по умолчанию телефона (Ios по умолчанию центрируется, Android по умолчанию слева). Его значение может быть "левый", "Центр", "право".