Add comments section

2024-12-15 22:09:32 +03:30
parent 98ca17097e
commit 713373f964
3 changed files with 54 additions and 0 deletions
@@ -0,0 +1,23 @@
 <script setup lang="ts">
 </script>
 <template>
    <div class="w-full p-12 rounded-150 bg-white border-[0.5px] border-slate-200 flex flex-col gap-6">
        <div class="flex justify-between items-start w-full">
            <div class="flex flex-col gap-3">
                <span class="typo-h-6 text-black">
                    خیلی محصول خوبی بودددد
                </span>
                <span class="typo-p-sm text-slate-500">
                    منصور مرزبان در ۱۴۰۳/۱۲/۲ ساعت ۱۲:۳۴
                </span>
            </div>
            <Rating />
        </div>
        <div class="typo-p-md">
            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون
            بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرد گذشته.
        </div>
    </div>
 </template>
@@ -0,0 +1,29 @@
 <script setup lang="ts">
 </script>
 <template>
    <section class="bg-slate-50 p-20">
        <div class="flex gap-12 my-42 container">
            <div class="flex flex-col gap-6 min-w-fit">
                <h3 class="typo-h-3">
                    نظرات کاربران
                </h3>
                <div class="flex flex-col gap-2">
                    <Rating />
                    <span class="typo-p-sm">
                    بر اساس ۴ نظر
                </span>
                </div>
                <Button class="rounded-full">
                    نظر بنویسید
                </Button>
            </div>
            <div class="flex flex-col gap-12">
                <Comment />
                <Comment />
                <Comment />
            </div>
        </div>
    </section>
 </template>
@@ -4,4 +4,6 @@
 <template>
    <ProductView />
    <Video />
    <Comments />
 </template>