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". |