移动端页面载入时过长的白屏等待,总是让人心烦气躁
不如,加个小动画吧
原理很简单
在index.html页面的body插入一个div
css里写入动画
在app.vue里 created的时候 将这个div移除就ok了
index.html
CSS
app.vue
如果你只是想放在首页,则编辑Home.vue
效果如下
代码
自动销毁
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);
}