create sliders with vue3-carousel package

2024-05-03 14:19:28 +03:30
parent aa38f8e7b4
commit 10a012ec8e
24 changed files with 14016 additions and 13809 deletions
@@ -0,0 +1,30 @@
+<template>
+  <div class="relative h-[97.436vw] md:h-[45.938vw] flex flex-col items-center">
+    <Carousel :autoplay="2000" :wrap-around="true" paginationColor="gray" paginationActiveColor="red">>
+        <Slide v-for="slide in 3" :key="slide">
+          <div class="carousel__item">{{ slide }}</div>
+        </Slide>
+    
+        <template #addons>
+          <Pagination />
+        </template>
+      </Carousel>
+  </div>
+
+</template>
+
+
+
+
+<script setup>
+
+</script>
+
+
+
+
+
+
+<style scoped>
+</style>
+