This commit is contained in:
@ -18,9 +18,7 @@
|
||||
class="swiper-slide feedback-slide !w-[356px] !h-[325px]"
|
||||
>
|
||||
<div class="feedback-card !w-full !h-full">
|
||||
<UiParagraph size="250" class="card-text">{{
|
||||
feedback.text
|
||||
}}</UiParagraph>
|
||||
<UiParagraph size="250" class="card-text">{{ feedback.text }}</UiParagraph>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -38,34 +36,34 @@
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { onMounted } from "vue";
|
||||
import Swiper from "swiper";
|
||||
import { Pagination, Autoplay } from "swiper/modules";
|
||||
import UiHeading from "@/components/Typography/UiHeading.vue";
|
||||
import UiParagraph from "@/components/Typography/UiParagraph.vue";
|
||||
import feedbackData from "./_data/feedback.data";
|
||||
import { onMounted } from 'vue'
|
||||
import Swiper from 'swiper'
|
||||
import { Pagination, Autoplay } from 'swiper/modules'
|
||||
import UiHeading from '@/components/Typography/UiHeading.vue'
|
||||
import UiParagraph from '@/components/Typography/UiParagraph.vue'
|
||||
import feedbackData from './_data/feedback.data'
|
||||
|
||||
import "swiper/css";
|
||||
import "swiper/css/pagination";
|
||||
import UiButton from "@/components/UiButton/UiButton.vue";
|
||||
import 'swiper/css'
|
||||
import 'swiper/css/pagination'
|
||||
import UiButton from '@/components/UiButton/UiButton.vue'
|
||||
|
||||
onMounted(() => {
|
||||
new Swiper(".feedback-swiper", {
|
||||
new Swiper('.feedback-swiper', {
|
||||
modules: [Pagination, Autoplay],
|
||||
direction: "horizontal",
|
||||
direction: 'horizontal',
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
slidesPerView: "auto",
|
||||
slidesPerView: 'auto',
|
||||
spaceBetween: 72,
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
el: '.swiper-pagination',
|
||||
clickable: false,
|
||||
},
|
||||
});
|
||||
});
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="css" scoped>
|
||||
@ -88,7 +86,7 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.feedback-card {
|
||||
background-color: #1a1a1a;
|
||||
background-color: #171b27;
|
||||
border-radius: 10px;
|
||||
padding: 20px;
|
||||
color: #fff;
|
||||
|
Reference in New Issue
Block a user