jonowe szczyty i dna
jon-header-bar
To jest przymocowany do górnej części ekranu pasek tytułowy nagłówek. Jeśli dodać do niego "bar-do nagłówka" tego stylu, to jest z napisami.
zwyczaj
<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
| nieruchomość | typ | opis |
|---|---|---|
| align-title (Opcjonalnie) | string | To ustawienie w tytule. Jeśli nie jest ustawiony, będzie przestrzegać układu domyślnego telefonu (domyślnie Ios jest skoncentrowany, Android domyślnie po lewej). Jego wartość może być "w lewo", "Centrum", "prawo". |
| no-tap-scroll (Opcjonalnie) | boolean | Domyślnie, szef pasku tytułowym po kliknięciu na zawartości ekranu będzie przewijana do głowy, bez zaczepów przewijania może być ustawiona na wartość true, aby wyłączyć działanie. , Jego wartość to wartość logiczna (prawda / fałsz). |
jon-footer-bar
Wiedzieć jonowego-header-bar, zrozumieć jonowy-footer-bar na łatwe atrakcyjne! Tylko ion-footer-bar znajduje się na dole ekranu.
zwyczaj
<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
Ion-header-bar jest inny, jon-footer-bar-align tylko tytuł tego API.| nieruchomość | typ | opis |
|---|---|---|
| align-title (Opcjonalnie) | string | To ustawienie w tytule. Jeśli nie jest ustawiony, będzie przestrzegać układu domyślnego telefonu (domyślnie Ios jest skoncentrowany, Android domyślnie po lewej). Jego wartość może być "w lewo", "Centrum", "prawo". |