Home Explore Help
Register Sign In
eta_front
/
eta_report_front
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

加loading

Karsa 5 months ago
parent
dea71dd66d
commit
8fa91ff9ae
2 changed files with 42 additions and 1 deletions
Unified View Show Diff Stats
  1. 42 0
      index.html
  2. 0 1
      package.json

+ 42 - 0
index.html
View File 

@@ -6,12 +6,54 @@
 
     <title>研报</title>
 
     <title>研报</title>
 
     <script src="/jweixin-1.6.0.js"></script>
 
     <script src="/jweixin-1.6.0.js"></script>
 
     <script src="/jquery-3.6.0.min.js"></script>
 
     <script src="/jquery-3.6.0.min.js"></script>
 
+    <style>
 
+      body{
 
+        width: 100vw;
 
+        min-height: 100vh;
 
+        position: relative;
 
+        background-color: #ffffff;
 
+        margin: 0;
 
+      }
 
+      .loading-model {
 
+          width: 100vw;
 
+          height: 100vh;
 
+          display: flex;
 
+          align-items: center;
 
+          justify-content: center;
 
+          position: absolute;
 
+          top: 0;
 
+          z-index: -1;
 
+      }
 
+
 
+      .loading {
 
+          width: 100px;
 
+          height: 100px;
 
+          border: 10px solid #176af8;
 
+          border-bottom: #cccccc 10px solid;
 
+          border-radius: 50%;
 
+          -webkit-animation: load 1.1s infinite linear;
 
+      }
 
+
 
+      @-webkit-keyframes load {
 
+          from {
 
+              transform: rotate(0deg);
 
+          }
 
+          to {
 
+              transform: rotate(360deg);
 
+          }
 
+      }
 
+    </style>
 
   </head>
 
   </head>
 
   <script type="module">
 
   <script type="module">
 
 		import { registerEtaComp } from '/public/eta_comp.js'
 
 		import { registerEtaComp } from '/public/eta_comp.js'
 
 		registerEtaComp()
 
 		registerEtaComp()
 
 	 </script>
 
 	 </script>
 
   <body>
 
   <body>
 
+    <div class="loading-model" id="#loadingModel">
 
+      <div class="loading"></div>
 
+      <div class="loading-text">资源加载中，请稍候...</div>
 
+    </div>
 
+
 
     <div id="app"></div>
 
     <div id="app"></div>
 
     <script type="module" src="/src/main.js"></script>
 
     <script type="module" src="/src/main.js"></script>
 
   </body>
 
   </body>

+ 0 - 1
package.json
View File 

@@ -25,7 +25,6 @@
 
     "@vitejs/plugin-vue": "^1.9.3",
 
     "@vitejs/plugin-vue": "^1.9.3",
 
     "sass": "^1.44.0",
 
     "sass": "^1.44.0",
 
     "vite": "^2.6.4",
 
     "vite": "^2.6.4",
 
-    "vite-plugin-compression": "^0.5.1",
 
     "vite-plugin-style-import": "^1.4.0"
 
     "vite-plugin-style-import": "^1.4.0"
 
   }
 
   }
 
 }
 
 }