2 پاسخ

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

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


ثبت پرسش جدید
سید محمد مهدی علوی
تخصص : برنامه نویس
@madidi.graphic 2 سال پیش مطرح شد
2

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

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 2 سال پیش آپدیت شد
-1

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


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

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