Платформа 3V/Формы/Компоненты/Верстка/Контейнер: различия между версиями

Материал из 3v-wiki
Перейти к навигации Перейти к поиску
Строка 12: Строка 12:
 
!colspan="3"| templateOptions
 
!colspan="3"| templateOptions
 
|-
 
|-
−
| heightSize || number || Ширина картинки в px
+
| direction || string || Направление элементов
 
|-
 
|-
−
| widthSize || number || Высота картинки в px
+
| || "row" || Слева направо →
 +
|-
 +
| || "row-reverse" || Справа налево ←
 +
|-
 +
| || "column" || Сверху вниз ↓
 +
|-
 +
| || "column-reverse" || Снизу вверх ↑
 +
|-
 +
| wrap || string || Правило переноса
 +
|-
 +
| || "nowrap" || В одну линию
 +
|-
 +
| || "wrap" || В несколько линий
 +
|-
 +
| || "wrap-reverse" || В несколько линий (инверсия)
 +
|-
 +
| justifyContent|| string || Выравнивание по главной оси
 +
|-
 +
| || "start" || С начала
 +
|-
 +
| || "end" || С конца
 +
|-
 +
| || "center" || По центру
 +
|-
 +
| || "between" || Равномерно
 +
|-
 +
| || "around" || Равномерно (с отступами)
 +
|-
 +
| alignItems || string || Выравнивание по поперечной оси
 +
|-
 +
| || "start" || С начала
 +
|-
 +
| || "end" || С конца
 +
|-
 +
| || "center" || По центру
 +
|-
 +
| || "baseline" || По центу (baseline)
 +
|-
 +
| || "stretch" || Растянуть
 +
|-
 +
| || string ||
 +
|-
 +
| || "" ||
 +
|-
 +
| || "" ||
 +
|-
 +
| || "" ||
 +
|-
 +
| || "" ||
 +
|-
 +
| || "" ||
 +
| || string ||
 +
|-
 +
| || "" ||
 +
|-
 +
| || "" ||
 +
|-
 +
| || "" ||
 +
|-
 +
| || "" ||
 +
|-
 +
| || "" ||  
 
|}
 
|}
 
== Пример ==
 
== Пример ==

Версия 11:22, 26 июля 2021

Код компонента: bs-flex

Описание: Выводит флекс контейнер

Свойства:

Код Тип Описание
type string Тип компонента
templateOptions
direction string Направление элементов
"row" Слева направо →
"row-reverse" Справа налево ←
"column" Сверху вниз ↓
"column-reverse" Снизу вверх ↑
wrap string Правило переноса
"nowrap" В одну линию
"wrap" В несколько линий
"wrap-reverse" В несколько линий (инверсия)
justifyContent string Выравнивание по главной оси
"start" С начала
"end" С конца
"center" По центру
"between" Равномерно
"around" Равномерно (с отступами)
alignItems string Выравнивание по поперечной оси
"start" С начала
"end" С конца
"center" По центру
"baseline" По центу (baseline)
"stretch" Растянуть
string
""
""
""
""
"" string
""
""
""
""
""

Пример

JSON 

{
  "type": "bs-flex",
  "templateOptions": {
        "direction": "row",
   }
}

Пример формы

Источник — https://wiki.3v-group.net/index.php?title=Платформа_3V/Формы/Компоненты/Верстка/Контейнер&oldid=3356