移动端页面载入时过长的白屏等待，总是让人心烦气躁

不如，加个小动画吧

原理很简单

在index.html页面的body插入一个div

css里写入动画

在app.vue里 created的时候 将这个div移除就ok了

index.html

1.png

CSS

2.png

app.vue

如果你只是想放在首页，则编辑Home.vue

aa.png

效果如下

bbb.gif

代码

自动销毁

created(){
let loading=document.getElementById('loading')
if (loading != null){document.body.removeChild(loading)}
}

指定时间（5秒）

   created(){
            setTimeout(function () {
                let animation = document.getElementById('animation')
                if (animation != null) { document.body.removeChild(animation); }
            }, 5 * 1000);
        }