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

authentication implementation

Browse Source
This commit is contained in:
HAM!DREZA
2024-05-27 15:13:45 +03:30
parent a984a3937e
commit 021360e364
38 changed files with 1083 additions and 2995 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/courses-page/Courses-list.vue
+43 -18
View File
@@ -52,26 +52,43 @@
<li class="pb-[0.681vw]">گران ترین</li>
</ul>
</div>
<div
<div v-if="loading"
class="mt-[4.051vw] md:mt-[2.1vw] grid gap-[4vw] md:gap-[1.25vw] grid-cols-1 md:grid-cols-4"
>
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
</div>
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
<Card />
</div>
<div v-else
class="mt-[4.051vw] md:mt-[2.1vw] grid gap-[4vw] md:gap-[1.25vw] grid-cols-1 md:grid-cols-4"
>
<Loading />
<Loading />
<Loading />
<Loading />
<Loading />
<Loading />
<Loading />
<Loading />
<Loading />
<Loading />
<Loading />
<Loading />
</div>
</div>
</template>
@@ -88,6 +105,14 @@ const openSortOptions = () => {
"brightness(90%)";
}
};
const loading = ref(false)
console.log(loading.value);
onMounted(() => {
setTimeout(() => {
loading.value = true
console.log(loading.value);
}, 5000);
})
</script>