heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Comment preview text

Browse Source
This commit is contained in:
marzban-dev
2026-05-25 02:25:08 +03:30
parent b2d11abd3f
commit b490bf01c7
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/home/Preview.vue
+10 -8
View File
@@ -55,7 +55,7 @@ watch(
} else { } else {
activeSlideVideo.value = "none"; activeSlideVideo.value = "none";
} }
} },
); );
watch( watch(
@@ -67,7 +67,7 @@ watch(
if (clipPercent >= 1 && clipPercent <= 99) { if (clipPercent >= 1 && clipPercent <= 99) {
clipPathPercent.value = clipPercent; clipPathPercent.value = clipPercent;
} }
} },
); );
</script> </script>
@@ -76,11 +76,11 @@ watch(
<div> <div>
<div class="flex flex-col items-center gap-3 mb-10 lg:mb-16"> <div class="flex flex-col items-center gap-3 mb-10 lg:mb-16">
<span class="typo-p-sm md:typo-p-md text-slate-500"> مقایسه محصولات </span> <span class="typo-p-sm md:typo-p-md text-slate-500"> مقایسه محصولات </span>
<span class="typo-h-6 md:typo-h-5 lg:typo-h-3 text-black"> تفاوت محصلات ما را ببینید </span> <span class="typo-h-6 md:typo-h-5 lg:typo-h-3 text-black"> محصولات ما را ببینید </span>
</div> </div>
<div <div
ref="previewContainerEl" ref="previewContainerEl"
class="rounded-200 overflow-hidden h-[70svh] max-h-200 relative" class="rounded-200 overflow-hidden h-[70svh] max-h-200 relative bg-neutral-100"
> >
<Transition name="fade"> <Transition name="fade">
<NuxtImg <NuxtImg
@@ -97,7 +97,8 @@ watch(
muted muted
playsinline playsinline
webkit-playsinline webkit-playsinline
src="/video/vid-3.mp4" loop
:src="homeData!.difreance_section.video1"
class="select-none absolute size-full object-cover brightness-[95%]" class="select-none absolute size-full object-cover brightness-[95%]"
/> />
</Transition> </Transition>
@@ -121,7 +122,8 @@ watch(
muted muted
playsinline playsinline
webkit-playsinline webkit-playsinline
src="/video/vid-3.mp4" loop
:src="homeData!.difreance_section.video2"
class="overlay-image select-none absolute object-cover size-full brightness-[95%]" class="overlay-image select-none absolute object-cover size-full brightness-[95%]"
/> />
</Transition> </Transition>
@@ -145,7 +147,7 @@ watch(
</div> </div>
</div> </div>
<div class="absolute bottom-0 p-6 md:p-10 w-full flex justify-between items-end transition-opacity"> <!-- <div class="absolute bottom-0 p-6 md:p-10 w-full flex justify-between items-end transition-opacity">
<div <div
class="flex flex-col gap-2 text-black transition-opacity" class="flex flex-col gap-2 text-black transition-opacity"
:class="activeSlideVideo === 'right' ? 'opacity-0' : ''" :class="activeSlideVideo === 'right' ? 'opacity-0' : ''"
@@ -174,7 +176,7 @@ watch(
{{ homeData!.difreance_section.title2 }} {{ homeData!.difreance_section.title2 }}
</NuxtLink> </NuxtLink>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
</div> </div>