Cosmetics
parent
7dd6f294b9
commit
0801d035cf
|
@ -32,6 +32,7 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</Carousel>
|
</Carousel>
|
||||||
|
|
||||||
<Carousel :value="cars" :numVisible="3" :numScroll="1" :responsiveOptions="responsiveOptions" class="custom-carousel" :circular="true" :autoplayInterval="3000">
|
<Carousel :value="cars" :numVisible="3" :numScroll="1" :responsiveOptions="responsiveOptions" class="custom-carousel" :circular="true" :autoplayInterval="3000">
|
||||||
<template #header>
|
<template #header>
|
||||||
<h3>Circular, AutoPlay, 3 Items per Page and Scroll by 1</h3>
|
<h3>Circular, AutoPlay, 3 Items per Page and Scroll by 1</h3>
|
||||||
|
@ -56,6 +57,7 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</Carousel>
|
</Carousel>
|
||||||
|
|
||||||
<Carousel :value="cars" :numVisible="1" :numScroll="1" orientation="vertical" verticalViewPortHeight="330px"
|
<Carousel :value="cars" :numVisible="1" :numScroll="1" orientation="vertical" verticalViewPortHeight="330px"
|
||||||
style="max-width: 400px; margin-top: 2em">
|
style="max-width: 400px; margin-top: 2em">
|
||||||
<template #header>
|
<template #header>
|
||||||
|
|
|
@ -320,6 +320,7 @@ data() {
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</Carousel>
|
</Carousel>
|
||||||
|
|
||||||
<Carousel :value="cars" :numVisible="3" :numScroll="1" :responsiveOptions="responsiveOptions" class="custom-carousel" :circular="true" :autoplayInterval="3000">
|
<Carousel :value="cars" :numVisible="3" :numScroll="1" :responsiveOptions="responsiveOptions" class="custom-carousel" :circular="true" :autoplayInterval="3000">
|
||||||
<template #header>
|
<template #header>
|
||||||
<h2>Circular, AutoPlay, 3 Items per Page and Scroll by 1</h2>
|
<h2>Circular, AutoPlay, 3 Items per Page and Scroll by 1</h2>
|
||||||
|
@ -344,6 +345,7 @@ data() {
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</Carousel>
|
</Carousel>
|
||||||
|
|
||||||
<Carousel :value="cars" :numVisible="1" :numScroll="1" orientation="vertical" :responsiveOptions="responsiveOptions" verticalViewPortHeight="330px"
|
<Carousel :value="cars" :numVisible="1" :numScroll="1" orientation="vertical" :responsiveOptions="responsiveOptions" verticalViewPortHeight="330px"
|
||||||
style="max-width: 400px; margin-top: 2em">
|
style="max-width: 400px; margin-top: 2em">
|
||||||
<template #header>
|
<template #header>
|
||||||
|
|
Loading…
Reference in New Issue