site_logiciels/components/Logiciels/Artist/Reviews.vue

<template>
<LayoutContainer>
  <v-row>
    <v-col cols="4">
      <h3>C'est eux qui en parlent le mieux</h3>
    </v-col>

    <v-col cols="8">
      <!-- slide card-->

  <v-sheet
    class="mx-auto"
    elevation="8"
    max-width="800"
  >
    <v-slide-group
      v-model="model"
      class="pa-4"
      selected-class="bg-success"
      show-arrows
    >
      <v-slide-group-item
        v-for="n in 15"
        :key="n"
        v-slot="{ isSelected, toggle, selectedClass }"
      >
        <v-card
          color="grey-lighten-1"
          :class="['ma-4', selectedClass]"
          height="200"
          width="100"
          @click="toggle"
        >
          <div class="d-flex fill-height align-center justify-center">
            <v-scale-transition>
              <v-icon
                v-if="isSelected"
                color="white"
                size="48"
                icon="mdi-close-circle-outline"
              ></v-icon>
            </v-scale-transition>
          </div>
        </v-card>
      </v-slide-group-item>
    </v-slide-group>
  </v-sheet>
    </v-col>
  </v-row>
</LayoutContainer>
</template>

<script>
</script>

<style scoped>
</style>