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

Материал из 3v-wiki
Перейти к навигации Перейти к поиску
Строка 1: Строка 1:
−
Пример визуального отображения компонента:
+
'''Код компонента:''' <code>bs-img</code>
 +
 
 +
'''Описание:''' Выводит изображение из источника
 +
 
 +
'''Свойства:'''
 +
{| class="wikitable"
 +
|-
 +
! Код !! Тип !! Описание
 +
|-
 +
| key || string || Произвольный ключ элемента
 +
|-
 +
| type || string || Тип компонента
 +
|-
 +
| dataSourceId || number || ID источника данных
 +
|-
 +
| defaultValue || string || Значение по умолчанию
 +
|-
 +
!colspan="3"| templateOptions
 +
|-
 +
| heightSize || number || Ширина картинки в px
 +
|-
 +
| widthSize || number || Высота картинки в px
 +
|}
 +
== Пример ==
 +
'''JSON'''
 +
<pre>
 +
{
 +
  "key": "key1617790900315",
 +
  "type": "bs-img",
 +
  "dataSourceId": 1,
 +
  "defaultValue": "http://placekitten.com/400/300",
 +
  "templateOptions": {
 +
    "heightSize": 400,
 +
    "widthSize": 300,
 +
  }
 +
}
 +
</pre>
 +
'''Выведет'''
 +
 
 +
[[Файл:Компонент Изображение.jpg]]

Версия 16:41, 7 апреля 2021

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

Описание: Выводит изображение из источника

Свойства:

Код Тип Описание
key string Произвольный ключ элемента
type string Тип компонента
dataSourceId number ID источника данных
defaultValue string Значение по умолчанию
templateOptions
heightSize number Ширина картинки в px
widthSize number Высота картинки в px

Пример

JSON 

{
  "key": "key1617790900315",
  "type": "bs-img",
  "dataSourceId": 1,
  "defaultValue": "http://placekitten.com/400/300",
  "templateOptions": {
    "heightSize": 400,
    "widthSize": 300,
  }
}

Выведет

Компонент Изображение.jpg

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