ionic2
Компоненты Ionic2 CSS
Поиск…
сетка
Сетчатая система Ionic основана на flexbox, CSS-функции, поддерживаемой всеми устройствами, поддерживаемыми Ionic. Сетка состоит из трех единиц - сетки, строк и столбцов. Столбцы будут расширяться, чтобы заполнить их строку, и изменит размер, чтобы они соответствовали дополнительным столбцам.
Учебный класс | ширина |
---|---|
ширина-10 | 10% |
ширина-20 | 20% |
ширина-25 | 25% |
ширина-33 | 33,3333% |
ширина-50 | 50% |
ширина-67 | 66,6666% |
ширина-75 | 75% |
ширина-80 | 80% |
ширина-90 | 90% |
Пример.
<ion-grid>
<ion-row>
<ion-col width-10>This column will take 10% of space</ion-col>
</ion-row>
</ion-grid>
Карты
Карты - отличный способ отображать важные фрагменты контента и быстро появляются в качестве основного шаблона проектирования для приложений. Они - отличный способ сдерживать и упорядочивать информацию, а также настраивать ожидаемые ожидания для пользователя. С таким количеством контента, чтобы отображать сразу, и часто так мало экранной недвижимости, карты быстро стали образцом дизайна для многих компаний.
Пример.
<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
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow