سلام چطور میشه با ویو
به لودینگ مثل راکت ساخت
یعنی وقتی به سرور درخواست میفرسته کل سایت بلور کنه و لودینگ نمایش بده
من قسمت بلور شدنش مشکل دارم
ممنون از سوال خودم !
اما راه حل:
1- کد زیر ابتدای کامپوننت خودتون بزارید
<div v-if="loading" class="blur">
<img class="loader" src="./../public/assets/images/loader.gif" alt="">
</div>
2- توی دیتا کد زیر ریترن کنید
loading:true,
3- و در نهایت
هرجا از سرور جواب گرفتید
کافیه مساوی فالس کنید
this.loading=false;
کد css فراموش نشه😉
.blur {
width: 100%;
display: flex;
position: fixed;
height: 100vh;
z-index: 9999999999;
background-color: rgb(75 75 75 / 40%);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(2px);
align-items: center;
justify-content: center;
}
.loader{
width: 70px;
height: 70px;
}
نمونه خروجی
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟