优化页面加载

Author: cq-panda

Vol.Vue/index.html

@@ -10,14 +10,14 @@
   <title>vol-vue</title>
   <style type="text/css">
     #loading-container {
-      position: fixed;
+      position: absolute;
       left: 0;
       top: 0;
       height: 100%;
       width: 100%;
       background: #fff;
       user-select: none;
-      z-index: 9999;
+      z-index: 999999;
       overflow: hidden
     }
 
@@ -119,8 +119,6 @@
     </div>
   </div>
   <div id="app"></div>
-  <!-- built files will be auto injected -->
-  <div id="loading-container" style="position: unset !important;"></div>
 </body>
 
 </html>

Vol.Vue/src/App.vue

@@ -15,7 +15,7 @@ export default {
     document.getElementById("loading-container").style.display = "none";
   }
 };
-</script>
+</script>  
 
 <style>
 .el-loading {

开发版dev/Vue.NetCore/Vol.Vue/index.html

@@ -10,14 +10,14 @@
   <title>vol-vue</title>
   <style type="text/css">
     #loading-container {
-      position: fixed;
+      position: absolute;
       left: 0;
       top: 0;
       height: 100%;
       width: 100%;
       background: #fff;
       user-select: none;
-      z-index: 9999;
+      z-index: 999999;
       overflow: hidden
     }
 
@@ -119,8 +119,6 @@
     </div>
   </div>
   <div id="app"></div>
-  <!-- built files will be auto injected -->
-  <div id="loading-container" style="position: unset !important;"></div>
 </body>
 
 </html>