Как настроить размер изображения для карты в vue bootstrap - PullRequest
Новая
       155

Как настроить размер изображения для карты в vue bootstrap

1 голос
/ 20 июня 2020

Я работаю над проектом Nuxt JS с BootstrapVue в качестве внешней среды. Я пытаюсь изменить размер изображения, вставленного в заголовок карточки, с помощью следующего кода: 

<b-card
          bg-variant="primary"
          text-variant="white"
          img-alt="Image"
          img-src="~/assets/images/house.png"
          header="The house"
          class="text-center position-relative"
        >
          <b-card-text>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          </b-card-text>
          <b-button variant="primary" class="paragraph stretched-link"
            >Click here</b-button
          >
        </b-card>

Кто-нибудь знает, можно ли настроить стиль изображения с помощью b-card свойства (без CSS)? Документация мне не помогла.

1 Ответ

1 голос
/ 20 июня 2020

Вы можете использовать img-height и img-width, чтобы указать размер изображения внутри карты, они принимают строку или число в качестве значений: 

<b-card
          bg-variant="primary"
          text-variant="white"
          img-alt="Image"
          img-src="~/assets/images/house.png"
          img-height="200"
          img-width="200"
          header="The house"
          class="text-center position-relative"
        >
...