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
@@ -1,11 +1,11 @@
-<template>
-  <home-pageHeader />
-  <home-pageAboutUs />
-  <home-pageSlider />
-  <home-pageRoadMap />
-  <home-pageCatalogs />
-  <home-pageProductSampleForm />
-  <home-pageMediaSlider />
-  <home-pageInstagram />
-</template>
-
+<template>
+  <home-pageHeader />
+  <home-pageAboutUs />
+  <home-pageSlider />
+  <home-pageRoadMap />
+  <home-pageCatalogs />
+  <home-pageProductSampleForm />
+  <home-pageMediaSlider />
+  <home-pageInstagram />
+</template>
+
@@ -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>
+