topos e fundos iônicos
ion-header-bar
Este é fixo na parte superior da tela de uma barra de título de cabeçalho. Se você adicionar a ele 'bar-subheader' este estilo, que tem como 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
| propriedade | tipo | descrição |
|---|---|---|
| alinhar-título (Opcional) | string | Este é o alinhamento do título. Se não for definido, ele irá seguir o layout padrão do telefone (Ios padrão é centrado, padrão Android Esquerda). Seu valor pode ser "esquerda", "centro", "direito". |
| no-tap-scroll (Opcional) | boolean | Por padrão, a cabeça da barra de título quando você clica sobre o conteúdo da tela vai rolar para a cabeça, não-tap-scroll pode ser definido como true para desativar a ação. . Seu valor é um valor booleano (true / false). |
ion-footer-bar
Saber ion-header-bar, entender ion-footer-bar na fácil atraente! Apenas iões rodapé-bar é na parte inferior do ecrã.
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
E ion-header-bar é diferente, ion-footer-bar só alinha-título desta API.| propriedade | tipo | descrição |
|---|---|---|
| alinhar-título (Opcional) | string | Este é o alinhamento do título. Se não for definido, ele irá seguir o layout padrão do telefone (Ios padrão é centrado, padrão Android Esquerda). Seu valor pode ser "esquerda", "centro", "direito". |