levis/ebook
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

add html-validator + fix html ceo code
All checks were successful
Deploy Nuxt App / deploy (push) Successful in 1m31s
Details

Browse Source
This commit is contained in:
koziavin
2025-06-20 12:21:00 +04:00
parent cbabdf8ccb
commit 94d008ca7d
17 changed files with 318 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
pages/index/_ui/feedbackSection/feedbackSection.vue
View File

@ -1,6 +1,6 @@
<template>
<section class="feedback-section">
<UiHeading tag="H2" size="300" class="text-three mb-4 pl-16 pr-24">
<UiHeading tag="h2" size="300" class="text-three mb-4 pl-16 pr-24">
Что говорят читатели
</UiHeading>
@ -18,7 +18,9 @@
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>
@ -36,34 +38,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>