danak/dlearn-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
HAM!DREZA
2024-12-31 11:52:10 +03:30
parent 6c388b6e07
commit 01c8e31ee1
27 changed files with 331 additions and 396 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Card.vue
+9 -19
View File
@@ -3,10 +3,10 @@
<div class="relative text-center h-[56.154vw] md:h-[11.406vw]">
<p
class="post w-[30.769vw] md:w-[6.979vw] h-[9.487vw] md:h-[2.24vw] flexBox text-[3.59vw] md:text-[0.938vw] absolute left-0 bottom-0 bg-white rounded-tr-[3.59vw] md:rounded-tr-[0.781vw]">
{{props.course?.price == 0 ? 'رایگان' : numberFormat(props.course?.price) }}
<span v-if="!props.course?.price == 0" class="ms-[1vw] md:ms-[0.2vw] text-[2.236vw] md:text-[0.585vw]">تومان</span>
{{props?.course?.price == 0 ? 'رایگان' : numberFormat(props?.course?.price) }}
<span v-if="!props?.course?.price == 0" class="ms-[1vw] md:ms-[0.2vw] text-[2.236vw] md:text-[0.585vw]">تومان</span>
</p>
<NuxtImg style="object-fit: cover;" :src="props.course?.image" alt="laravel"
<NuxtImg style="object-fit: cover;" :src="props?.course?.image" alt="laravel"
:placeholder="[30, 20]"
class="h-[56.154vw] md:h-[11.406vw] w-full rounded-[3.846vw] md:rounded-[0.781vw]" />
@@ -19,7 +19,7 @@
<div class="w-[69.231vw] md:w-[16vw] space-y-[9vw] md:space-y-[1.4vw] mt-[4vw] md:mt-[0vw] xl:mt-[0.7vw]">
<h1
class="hover:text-primaryGreen text-[3.59vw] md:text-[0.833vw] text-[#383E43] w-full">
{{hideEndOfString(props.course?.name)}}
{{hideEndOfString(props?.course?.name)}}
</h1>
<div class="flex justify-between text-[3.614vw] md:text-[0.658vw]">
<p class="flex items-center text-[#878787]">
@@ -40,20 +40,10 @@
</svg>
<span class="md:ms-[0.2vw]"
v-for="category in props.course?.categories"
v-for="category in props?.course?.categories"
:key="category.id"
>
{{category.name}}
<!-- <span v-if="props.course?.categories[0] === '66587a9498d0a0db14693a5b'">
بک اند
</span>
<span v-if="props.course?.categories[0] === '66587ae698d0a0db14693a5e'">
فرانت اند
</span>
<span v-else>
{{props.course?.categories}}
</span> -->
{{category?.name}}
</span>
</p>
<p class="flex items-center text-[#878787]">
@@ -75,7 +65,7 @@
fill="#E5E5E5" />
</svg>
<span class="md:ms-[0.2vw]">{{props.course?.studentsCount}} دانشجو</span>
<span class="md:ms-[0.2vw]">{{props?.course?.studentsCount}} دانشجو</span>
</p>
<p class="flex items-center text-[#878787]">
<svg
@@ -87,12 +77,12 @@
fill="#E5E5E5" />
</svg>
<span class="md:ms-[0.2vw]">{{props.course?.duration}} ساعت</span>
<span class="md:ms-[0.2vw]">{{props?.course?.duration}} ساعت</span>
</p>
</div>
<div class="flex justify-between">
<NuxtLink :to="`${props.course?._id}`"
<NuxtLink :to="`${props?.course?._id}`"
class="font-[500] mt-[0.5vw] flex items-center justify-center gap-[0.417vw] md:h-[2.292vw] px-[4.103vw] md:px-0 py-[2.308vw] md:py-[0.521vw] bg-primaryGreen text-white text-[3.19vw] md:text-[0.833vw] rounded-[2.564vw] md:rounded-[0.521vw] md:w-[7.917vw]">
شروع دوره
<svg