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

Add changes to preview slider

Browse Source
This commit is contained in:
marzban-dev
2025-03-27 15:16:41 +03:30
parent 0c10cb4e18
commit 42a0df7b88
1 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/home/Preview.vue
+18 -11
View File
@@ -51,8 +51,8 @@ watch(
<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-h-6 md:typo-h-5 lg:typo-h-3 text-black">
تفاوت محصلات ما را ببینید
</span>
تفاوت محصلات ما را ببینید
</span>
</div>
<div
ref="previewContainerEl"
@@ -113,7 +113,8 @@ watch(
:style="{
left: `${clipPathPercent}%`,
}"
class="select-none w-2 h-full bg-black absolute left-0 flex items-center justify-center"
:class="activeSlideVideo !== 'none' ? 'opacity-10' : ''"
class="select-none w-2 h-full bg-black absolute left-0 flex items-center justify-center transition-opacity"
>
<div
@@ -132,10 +133,13 @@ watch(
<div
class="max-xs:hidden absolute bottom-0 p-6 md:p-10 w-full flex justify-between items-end"
>
<div class="flex flex-col gap-2 text-black">
<span class="typo-p-sm md:typo-p-md">
{{ homeData!.difreance_section.description1 }}
</span>
<div
class="flex flex-col gap-2 text-black transition-opacity"
:class="activeSlideVideo === 'right' ? 'opacity-0' : ''"
>
<span class="typo-p-sm md:typo-p-md">
{{ homeData!.difreance_section.description1 }}
</span>
<NuxtLink
:to="homeData!.difreance_section.link1"
class="typo-h-6 md:typo-h-5 lg:typo-h-3"
@@ -143,10 +147,13 @@ watch(
{{ homeData!.difreance_section.title1 }}
</NuxtLink>
</div>
<div class="flex flex-col gap-2 text-black">
<span class="typo-p-sm md:typo-p-md text-end">
{{ homeData!.difreance_section.description2 }}
</span>
<div
class="flex flex-col gap-2 text-black transition-opacity"
:class="activeSlideVideo === 'left' ? 'opacity-0' : ''"
>
<span class="typo-p-sm md:typo-p-md text-end">
{{ homeData!.difreance_section.description2 }}
</span>
<NuxtLink
:to="homeData!.difreance_section.link2"
class="typo-h-6 md:typo-h-5 lg:typo-h-3 text-end"