راکت
حل شده

بلور شدن کل سایت هنگام لود

2 پاسخ

سلام چطور میشه با ویو
به لودینگ مثل راکت ساخت
یعنی وقتی به سرور درخواست میفرسته کل سایت بلور کنه و لودینگ نمایش بده
من قسمت بلور شدنش مشکل دارم

ثبت پرسش جدید

پاسخ‌ها

2
سید محمد مهدی علوی
سید محمد مهدی علوی
@madidi.graphic

تخصص: برنامه نویس

بهترین پاسخ

ممنون از سوال خودم !
اما راه حل:
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;
}

نمونه خروجی
 تصویر

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

blur (/blɜr/) یعنی تار شدن، نه بلور شدن.
blur در واژه‌نامه

شاید پاسخ شما همین‌جا باشد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام