nikitakiselev/interview-demo-code
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: glitch

Browse Source
This commit is contained in:
Nikita Kiselev
2025-07-20 22:43:51 +03:00
parent ee67bd55df
commit db24be6f92
3 changed files with 24 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
spa/src/views/Product.vue
View File

@@ -1,15 +1,7 @@
<template>
<div>
<div>
<div class="carousel" ref="carouselRef" @scroll.passive="onScroll">
<div v-for="image in product.images" class="carousel-item w-full">
<img
:src="image.url"
class="w-full"
loading="lazy"
:alt="image.alt" />
</div>
</div>
<ProductImageSwiper :images="product.images"/>
<!-- Product info -->
<div class="mx-auto max-w-2xl px-4 pt-3 pb-16 sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-3 lg:grid-rows-[auto_auto_1fr] lg:gap-x-8 lg:px-8 lg:pt-16 lg:pb-24">
@@ -52,6 +44,7 @@ import {useHapticFeedback} from 'vue-tg';
import ProductOptions from "../components/ProductOptions/ProductOptions.vue";
const hapticFeedback = useHapticFeedback();
import {useCartStore} from "../stores/CartStore.js";
import ProductImageSwiper from "../components/ProductImageSwiper.vue";
const route = useRoute();
const router = useRouter();