Как настроить таргетинг на HTML тегов внутри карусели - PullRequest
Новая
       29

Как настроить таргетинг на HTML тегов внутри карусели

0 голосов
/ 05 мая 2020

У меня быстрый вопрос по поводу BootstrapVue карусели :

Как настроить таргетинг на тег HTML внутри компонента b-carousel-slide, чтобы изменить такие параметры, как размер шрифта и так далее?

Я знаю, что вы можете изменить тег HTML, используя опору text-tag (см. мой пример кода).

Было бы здорово, если бы это было легко решить или, по крайней мере, кто-то указывает мне на соответствующий раздел в документации. 

<template>
  <div>
    <b-carousel
      id="carousel"
      :interval="3000"
      controls
      fade
      indicators
      background="#ababab"
      img-width="1024"
      img-height="480"
    >
      <b-carousel-slide
        v-for="item in services"
        :key="item.title"
        :caption="item.title"
        :text="item.description"
        text-tag="p"
        :img-src="require(`../assets/images/${item.image}`)"
      ></b-carousel-slide>
    </b-carousel>
  </div>
</template>

<script>
  export default {
    name: 'Carousel',
    data() {
      return {
        services: [
          {
            title: 'Title',
            description:
              'Text',
            image: 'picture.jpg',
          },
          {
            title: 'Title',
            description: `Text`,
            image: 'picture.jpg',
          },
          {
            title: 'Title',
            description: `Text`,
            image: 'picture.jpg',
          },
          {
            title: 'Title',
            description: `Text`,
            image: 'picture.jpg',
          },
        ],
      };
    },
  };
</script>

<style scoped>
  p {
    color: 'red';
  }
</style>

1 Ответ

1 голос
/ 05 мая 2020
• 1000

Любой из них должен работать. 

<style scoped>
  /deep/ p {
    color: 'red';
  }

  >>> p {
    color: 'red';
  }

  ::v-deep p {
    color: 'red';
  }
</style>
...