iOS设备H5页面预加载Loading动画，动画无法显示

Question

项目用的是 Vue SPA，移动端 H5 页面。

项目 JS 和 CSS 文件比较大，为了减少只加载完了 index.html，但是 JS 和 CSS 文件都没加载完成时的白屏时间，将 Loading 动画直接插入到了 index.html 中，这样用户在加载完成入口文件后就可以直接看到动画了，待 Vue 初始化时用 Vue 的动画接管原本的动画。

这样的做法在 Android 设备上没有任何问题，动画能正常显示，但是在 iOS 设备上，不管是 Safari 还是某些 App 的 WebView，index.html 的动画都无法显示，效果是较长时间的白屏，然后直接出现了 Vue 的动画。

我是用背景颜色来测试区分是内联的动画还是 Vue 的动画，其中 Android 都是正常的，存在两个动画（入口文件的和 Vue 的），iOS 只有一个（Vue 的）。

请问你们有没有遇到这样的问题，然后如何去解决？

Answer 1

老铁，这个问题解决了嘛？

Answer 2

+1，兄弟是否已解决