Индекс /application/views/themes/theme-1/assets/img/background

Индекс /application/views/themes/theme-1/assets/img/background
900 23  
  Название Последнее изменение Размер Описание

  Родительский каталог    
  404.jpg 201 6-04 -27 03:47 38K  
  bg_1.jpg 27-04-2016 03:47 130K 90 022  
  bg_2.jpg 27.04.2016 03:47 183K  
  bg_3.jpg 27-04-2016 03:47 176K 
  bg_4.
jpg
27-04-2016 03:47 55K  
  bg_6.jpg 2016-04-27 03:47 70K 900 22  
  bg_8.jpg 27.04.2016 03:47 76K 
 
  bg_10.jpg 27-04-2016 03:47 422K  
  bg_11.jpg 27-04-2016 03:47 256K  
 
bg_12.jpg 27.04.2016 03:47 643K  
  bg_13.jpg 27-04-2016 03:47 446K 
  bg_17. jpg 27-04-2016 03:47 435K  
  bg_18.jpg 27-04-2016 03:47 592K  
  bg_19.jpg 27.04.2016 03:47 530K  
 coming.jpg 27-04-2016 03:48 154K   9 0022
  left_bg.png 27-04-2016 03:48 171K  
  message-bg.jpg 27-04-2016 03:48 103K 9 0022  
  poster.jpg 27-04-2016 03:48 158K  
 
right_bg. png 27-04-2016 03:48 130K  
  right_bg2.png 27-04-2016 03:48 119K  
  стиля/ 2016-11-15 12:27

Vuetify — платформа компонентов Vue

Вы просматриваете документацию для Vuetify 3

Перейти к Vuetify 2

Компонент v-img содержит функции для поддержки мультимедиа. В сочетании с vuetify-loader вы можете добавлять динамические прогрессивные изображения, чтобы улучшить взаимодействие с пользователем.


#Usage

Компонент v-img используется для отображения адаптивного изображения с отложенной загрузкой и заполнителем.

#API

900 23 Первичный компонент
Компонент Описание
v-img

#Предупреждения

Свойство lazy-src не действует, если только высота 90 306 или 90 305, соотношение сторон 90 306. Это связано с тем, что для отображения временного изображения контейнеру изображения требуется ненулевая высота.

#Examples

#Props

#Cover

Если предоставленное соотношение сторон не соответствует фактическому изображению, поведение по умолчанию — заполнить как можно больше места без обрезки. Чтобы заполнить все доступное пространство, используйте крышку опору.

#Height

v-img автоматически увеличится до размера src , сохраняя правильное соотношение сторон. Вы можете ограничить это высотой и .max-height реквизит.

#Slots

#Placeholder

v-img имеет специальный слот-заполнитель для отображения заполнителя во время загрузки изображения. Примечание: в приведенном ниже примере есть неправильный src, который не загружается, чтобы вы могли увидеть заполнитель.

#Разное

#Будущие форматы изображений

По умолчанию v-img отображает базовый элемент

. Если вы хотите использовать изображения .webp с резервом для старых браузеров, вы можете передать список из элементов в источников slot:

 
  <шаблон #исходники>
    <источник srcset="image.webp">
  

 

Это будет вести себя аналогично:

 <картинка>
  <источник srcset="image.webp">
  

 

srcset и атрибуты media также можно использовать для художественного оформления или альтернативных размеров, см.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *