Vue单页应用首次加载，如何实现酷炫的加载动画效果？
- 内容介绍
- 文章标签
- 相关推荐
本文共计182个文字，预计阅读时间需要1分钟。
在APP挂载的div同级处编写一个加载动画，例如：
在app挂载的div同级处写一个加载动画，例如：
<body class="font-hei"> <div class="wrap" id="loader"> <div> <div class="mult2rect mult2rect1"></div> <div class="mult2rect mult2rect2"></div> <div class="mult2rect mult2rect3"></div> <div class="mult2rect mult2rect4"></div> <div class="mult2rect mult2rect5"></div> </div> </div> <div id="app" style="min-height: 100vh"></div>
加载完成后，在App.vue的钩子函数内移除这个div。
本文共计182个文字，预计阅读时间需要1分钟。
在APP挂载的div同级处编写一个加载动画，例如：
在app挂载的div同级处写一个加载动画，例如：
<body class="font-hei"> <div class="wrap" id="loader"> <div> <div class="mult2rect mult2rect1"></div> <div class="mult2rect mult2rect2"></div> <div class="mult2rect mult2rect3"></div> <div class="mult2rect mult2rect4"></div> <div class="mult2rect mult2rect5"></div> </div> </div> <div id="app" style="min-height: 100vh"></div>
加载完成后，在App.vue的钩子函数内移除这个div。