tête et fond ioniques

---

ion-header-bar

Il s'agit d'une barre de titre d'en-tête fixée en haut de l'écran. Si vous y ajoutez le style 'bar-subheader', ce sera un sous-titre.

Utilisation

<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

Attributs	Type< /th>	Description
align-title (facultatif) 属性 类型 描述 align-title (optional) string 这个是对齐 title 的。如果没有设置，它将会按照手机的默认排版(Ios的默认是居中，Android默认是居左)。它的值可以是 'left','center','right'。 no-tap-scroll (optional) boolean 默认情况下，头部标题栏在点击屏幕时内容会滚动到头部，可以将 no-tap-scroll 设置为 true 来禁止该动作。。它的值是布尔值（true/false）。	chaîne	Ceci est aligné avec le titre. S'il n'y a pas de paramètre, il sera disposé selon la disposition par défaut du téléphone (la disposition par défaut pour Ios est centrée et la valeur par défaut pour Android est laissée). Sa valeur peut être « gauche », « centre », « droite ».
no-tap-scroll (facultatif)	booléen< /code>	Par défaut, le contenu de la barre de titre d'en-tête défilera jusqu'à l'en-tête lorsque vous cliquerez sur l'écran. Vous pouvez définir no-tap-scroll sur true pour désactiver cette action. . Sa valeur est booléenne (vrai/faux).

ion-footer-bar

Connaître ion-header-bar et comprendre ion-footer-bar C'est beaucoup plus facile ! Seule la barre de pied de page se trouve en bas de l'écran.

Utilisation

<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

属性	类型	描述
align-title (optional)	string	这个是对齐 title 的。如果没有设置，它将会按照手机的默认排版(Ios的默认是居中，Android默认是居左)。它的值可以是 'left','center','right'。