new changes
This commit is contained in:
Mamalizz
+73
-58
@@ -28,7 +28,7 @@ const nextPage = computed(() => route.meta.nextPage);
|
|||||||
>
|
>
|
||||||
<NuxtLink
|
<NuxtLink
|
||||||
v-if="prevPage"
|
v-if="prevPage"
|
||||||
:to="{ name: prevPage.name }"
|
:to="{ name: prevPage?.name }"
|
||||||
class="flex items-center gap-2 text-sm lg:text-[1rem]"
|
class="flex items-center gap-2 text-sm lg:text-[1rem]"
|
||||||
>
|
>
|
||||||
<Icon
|
<Icon
|
||||||
@@ -36,7 +36,7 @@ const nextPage = computed(() => route.meta.nextPage);
|
|||||||
class="**:stroke-cyan-400"
|
class="**:stroke-cyan-400"
|
||||||
/>
|
/>
|
||||||
<span class="font-bold text-cyan-400">
|
<span class="font-bold text-cyan-400">
|
||||||
{{ prevPage.label }}
|
{{ prevPage?.label }}
|
||||||
</span>
|
</span>
|
||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
</div>
|
</div>
|
||||||
@@ -57,68 +57,83 @@ const nextPage = computed(() => route.meta.nextPage);
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="space-y-[1.25rem] bg-gray-50 p-4 sticky top-44 w-full lg:w-3/12 transition-all border border-gray-300 rounded-xl"
|
class="flex flex-col bg-slate-50 sticky top-44 w-full lg:w-3/12 transition-all border border-slate-200 rounded-xl"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="flex items-center justify-between w-full text-gray-800"
|
class="w-full flex items-center justify-between p-5 border-b border-slate-200"
|
||||||
>
|
>
|
||||||
<span class="max-w-1/2 text-sm lg:text-[1rem]">
|
<span class="typo-sub-h-xl text-black"
|
||||||
جمع سبد خرید:
|
>فاکتور خرید</span
|
||||||
</span>
|
>
|
||||||
|
<Icon
|
||||||
<span class="max-w-1/2 text-sm lg:text-[1rem]">
|
name="ci:cart"
|
||||||
۳,۲۹۱,۰۰۰ تومان
|
class="**:stroke-black"
|
||||||
</span>
|
size="24"
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="flex items-center justify-between w-full text-status-error-primary"
|
|
||||||
>
|
|
||||||
<span class="max-w-1/2 text-sm lg:text-[1rem]">
|
|
||||||
تخفیف:
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<span class="max-w-1/2 text-sm lg:text-[1rem]">
|
|
||||||
۹۰۰,۰۰۰ تومان
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="flex items-center justify-between w-full text-gray-900"
|
|
||||||
>
|
|
||||||
<span class="max-w-1/2 text-sm lg:text-[1rem]">
|
|
||||||
جمع کل:
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<span class="max-w-1/2 text-sm lg:text-[1rem]">
|
|
||||||
۲,۳۹۱,۰۰۰ تومان
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<label
|
|
||||||
v-if="route.name == 'cart-checkout'"
|
|
||||||
class="flex items-center w-full group gap-2 p-3 my-5 text-sm transition-all border text-gray-600 focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-cyan-500 bg-gray-50 border-gray-200 rounded-100"
|
|
||||||
>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
placeholder="کد تخفیف"
|
|
||||||
class="w-full border-none focus:border-none focus:outline-none placeholder:text-gray-600 h-[22px]"
|
|
||||||
/>
|
/>
|
||||||
<button
|
</div>
|
||||||
class="ring ring-offset-[-4px] active:ring-offset-2 transition-all duration-75 font-bold text-cyan-500 rounded-50"
|
|
||||||
>
|
|
||||||
ثبت
|
|
||||||
</button>
|
|
||||||
</label>
|
|
||||||
|
|
||||||
<NuxtLink :to="{ name: nextPage.name }">
|
<div class="flex flex-col p-5 gap-[1rem]">
|
||||||
<Button
|
<div
|
||||||
start-icon="bi:arrow-right"
|
class="flex items-center justify-between w-full text-slate-800"
|
||||||
class="w-full rounded-full"
|
|
||||||
>
|
>
|
||||||
{{ nextPage.label }}
|
<span class="max-w-1/2 text-sm lg:text-[1rem]">
|
||||||
</Button>
|
جمع سبد خرید:
|
||||||
</NuxtLink>
|
</span>
|
||||||
|
|
||||||
|
<span class="max-w-1/2 text-sm lg:text-[1rem]">
|
||||||
|
۳,۲۹۱,۰۰۰ تومان
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between w-full text-status-error-primary"
|
||||||
|
>
|
||||||
|
<span class="max-w-1/2 text-sm lg:text-[1rem]">
|
||||||
|
تخفیف:
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span class="max-w-1/2 text-sm lg:text-[1rem]">
|
||||||
|
۹۰۰,۰۰۰ تومان
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="flex items-center justify-between w-full text-slate-900"
|
||||||
|
>
|
||||||
|
<span class="max-w-1/2 text-sm lg:text-[1rem]">
|
||||||
|
جمع کل:
|
||||||
|
</span>
|
||||||
|
|
||||||
|
<span class="max-w-1/2 text-sm lg:text-[1rem]">
|
||||||
|
۲,۳۹۱,۰۰۰ تومان
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label
|
||||||
|
v-if="route.name == 'cart-checkout'"
|
||||||
|
class="flex items-center w-full group gap-2 p-3 text-sm transition-all border text-slate-600 focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-cyan-500 bg-slate-50 border-slate-200 rounded-100"
|
||||||
|
>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="کد تخفیف"
|
||||||
|
class="w-full border-none focus:border-none focus:outline-none placeholder:text-slate-600 h-[22px]"
|
||||||
|
/>
|
||||||
|
<button
|
||||||
|
class="ring ring-offset-[-4px] active:ring-offset-2 transition-all duration-75 font-bold text-cyan-500 rounded-50"
|
||||||
|
>
|
||||||
|
ثبت
|
||||||
|
</button>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<NuxtLink :to="{ name: nextPage?.name }">
|
||||||
|
<Button
|
||||||
|
start-icon="bi:arrow-right"
|
||||||
|
class="w-full rounded-full mt-2"
|
||||||
|
>
|
||||||
|
{{ nextPage?.label }}
|
||||||
|
</Button>
|
||||||
|
</NuxtLink>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user