xxxxxxxxxx
1
<template>
2
<mdb-carousel
3
:interval="8000"
4
slide
5
:items="items"
6
indicators
7
indicators-color="bg-secondary"
8
controlls
9
:controll-icons="['fas fa-chevron-left text-secondary', 'fas fa-chevron-right text-secondary']"
10
></mdb-carousel>
11
</template>
xxxxxxxxxx
1
<style>
2
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");
3
</style>
xxxxxxxxxx
1
<script>
2
import { mdbCarousel } from "mdbvue";
3
4
export default {
5
name: "HelloWorld",
6
components: {
7
mdbCarousel
8
},
9
data() {
10
return {
11
items: [
12
{
13
img: true,
14
src:
15
"https://mdbootstrap.com/img/Photos/Slides/img%20(130).jpg"
16
},
17
{
18
img: true,
19
src:
20
"https://mdbootstrap.com/img/Photos/Slides/img%20(129).jpg"
21
},
22
{
23
img: true,
24
src:
25
"https://mdbootstrap.com/img/Photos/Slides/img%20(70).jpg"
26
}
27
]
28
};
29
},
30
};
31
</script>
Console errors: 0