ionic2
Komponenty Ionic2 CSS

Android Angular 2 AngularJS Cordova CSS firebase ionic-framework iOS JavaScript TypeScript
Szukaj…


Krata

System grid Ionic jest oparty na Flexbox, funkcji CSS obsługiwanej przez wszystkie urządzenia obsługiwane przez Ionic. Siatka składa się z trzech jednostek-siatki, wierszy i kolumn. Kolumny zostaną rozwinięte, aby wypełnić swój wiersz, i zmienią rozmiar, aby dopasować do dodatkowych kolumn.

Klasa Szerokość
szerokość-10 10%
szerokość-20 20%
szerokość-25 25%
szerokość-33 33,3333%
szerokość-50 50%
szerokość-67 66,6666%
szerokość-75 75%
szerokość-80 80%
szerokość-90 90%

Przykład. 

    <ion-grid>
      <ion-row>
        <ion-col width-10>This column will take 10% of space</ion-col>
      </ion-row>
    </ion-grid>

Karty

Karty to świetny sposób na wyświetlanie ważnych treści i szybko stają się podstawowym wzorem dla aplikacji. Są świetnym sposobem na przechowywanie i porządkowanie informacji, a także ustalanie przewidywalnych oczekiwań dla użytkownika. Dzięki tak dużej ilości treści do wyświetlenia jednocześnie i często tak małej powierzchni ekranu, karty szybko stały się wzorem wyboru dla wielu firm.

Przykład. 

<ion-card>
  <ion-card-header>
        Header
  </ion-card-header>
  <ion-card-content>
        The British use the term "header", but the American term "head-shot" the English simply refuse to adopt.
  </ion-card-content>
</ion-card>


Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow