xxxxxxxxxx1
<template>2
<mdb-carousel indicatorClass="indicador" :interval="5000" slide showControls top showIndicators>3
<mdb-carousel-item img src="https://mdbootstrap.com/img/Photos/Slides/img%20(68).jpg" class="img-fluid" alt="PROMOCIONES" />4
<mdb-carousel-item img src="https://mdbootstrap.com/img/Photos/Slides/img%20(69).jpg" class="img-fluid" alt="PROMOCIONES" />5
<mdb-carousel-item img src="https://mdbootstrap.com/img/Photos/Slides/img%20(70).jpg" class="img-fluid" alt="PROMOCIONES" />6
</mdb-carousel>7
</template>xxxxxxxxxx1
.carousel .carousel-indicators .indicador{2
background-color: fuchsia;3
width: 150px;4
border-radius: 0%;5
}xxxxxxxxxx1
2
import { mdbCarousel, mdbCarouselItem } from 'mdbvue';3
export default {4
name: 'CarouselPage',5
components: {6
mdbCarousel,7
mdbCarouselItem8
}9
} Console errors: 0