Compare commits
5 Commits
Author | SHA1 | Date |
---|---|---|
Georg Spar | 5c2769851f | 1 year ago |
Georg Spar | 013d5b47d7 | 1 year ago |
Georg Spar | 3445876a6f | 1 year ago |
Georg Spar | 1ae7906a10 | 1 year ago |
Georg Spar | 51551f0aa7 | 1 year ago |
18 changed files with 81 additions and 96 deletions
@ -1,39 +0,0 @@
|
||||
<template> |
||||
<section |
||||
class="w-50 vh-30 m-auto d-flex align-items-center justify-content-center" |
||||
> |
||||
<ClientOnly fallbackTag="div"> |
||||
<MDBCarousel v-model="carousel" :items="items1" fade /> |
||||
<template #fallback> |
||||
<MDBSpinner /> |
||||
</template> |
||||
</ClientOnly> |
||||
</section> |
||||
</template> |
||||
|
||||
<script setup lang="ts"> |
||||
import { MDBCarousel, MDBSpinner } from "mdb-vue-ui-kit"; |
||||
|
||||
const items1 = [ |
||||
{ |
||||
src: "https://mdbootstrap.com/img/Photos/Slides/img%20(15).webp", |
||||
alt: "...", |
||||
label: "First slide label", |
||||
caption: "Nulla vitae elit libero, a pharetra augue mollis interdum.", |
||||
}, |
||||
{ |
||||
src: "https://mdbootstrap.com/img/Photos/Slides/img%20(22).webp", |
||||
alt: "...", |
||||
label: "Second slide label", |
||||
caption: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", |
||||
}, |
||||
{ |
||||
src: "https://mdbootstrap.com/img/Photos/Slides/img%20(23).webp", |
||||
alt: "...", |
||||
label: "Third slide label", |
||||
caption: "Praesent commodo cursus magna, vel scelerisque nisl consectetur.", |
||||
}, |
||||
]; |
||||
|
||||
const carousel = useState("carousel", () => 0); |
||||
</script> |
Loading…
Reference in new issue