Mamalizz
39 lines
1.4 KiB
Vue
39 lines
1.4 KiB
Vue
<template>
|
|
<section class="w-full p-[5rem] flex flex-col gap-y-[1.5rem]">
|
|
<div class="w-full flex">
|
|
<span class="text-black typo-h-3"> جزيات محصول </span>
|
|
</div>
|
|
<div class="w-full flex items-start justify-between gap-[3rem]">
|
|
<div class="w-8/12">
|
|
<Accordion />
|
|
</div>
|
|
<div class="w-4/12">
|
|
<div
|
|
class="w-full bg-slate-50 rounded-xl flex-col-center p-[5rem] gap-[1.5rem]"
|
|
>
|
|
<span>داخل جعبه چیه؟</span>
|
|
<div
|
|
class="w-full grid grid-cols-2 gap-y-[1.5rem] gap-x-[3rem]"
|
|
>
|
|
<div
|
|
v-for="i in 4"
|
|
class="w-full flex-col-center gap-[.75rem]"
|
|
>
|
|
<div
|
|
class="size-[6.25rem] rounded-full border-slate-200 bg-white flex-center"
|
|
>
|
|
<Icon name="ci:flag" size="44" />
|
|
</div>
|
|
<span class="text-black typo-p-md">Headphones</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script setup lang="ts"></script>
|
|
|
|
<style scoped></style>
|