Latest web development tutorials

tops iónicos y fondos

ión-header-bar

Este se fija a la parte superior de la pantalla una barra de título de cabecera. Si se agrega a ello 'bar-sub-cabecera' este estilo, que lleva el subtítulo.

uso

<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

propiedad tipo descripción
alinear-título
(Opcional)
string

Esta es la alineación del título. Si no se establece, que va a seguir el diseño predeterminado del teléfono (por defecto Ios se centra, por defecto Android izquierda). Su valor puede ser "izquierda", "centro", "derecho".

sin-tap-scroll
(Opcional)
boolean

Por defecto, la cabeza de la barra de título cuando se hace clic en los contenidos de la pantalla se desplazará a la cabeza, no-tap-desplazamiento se puede establecer en true para desactivar la acción. . Su valor es un valor booleano (verdadero / falso).


ión-pie-bar

Know-header-bar de iones, comprender ión-pie-bar de fácil atractivo! Sólo ion-pie de página-bar es en la parte inferior de la pantalla.

uso

<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

Y el ion-header-bar es diferente, ión-pie de barra única alinear-título de esta API.

propiedad tipo descripción
alinear-título
(Opcional)
string

Esta es la alineación del título. Si no se establece, que va a seguir el diseño predeterminado del teléfono (por defecto Ios se centra, por defecto Android izquierda). Su valor puede ser "izquierda", "centro", "derecho".