From 3c38598df86e697268b14865e68159d6ba989285 Mon Sep 17 00:00:00 2001
From: 819527061@qq.com <123456>
Date: 星期四, 11 四月 2024 15:32:04 +0800
Subject: [PATCH] docs: 首次加载白屏添加loading
---
public/index.html | 35 +++++++++++++++++++++++++++++++++++
1 files changed, 35 insertions(+), 0 deletions(-)
diff --git a/public/index.html b/public/index.html
index 8f32fcd..37a6931 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,6 +5,37 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<title>宄板嘲鐭垮尯鏅烘収鍋滆溅</title>
+ <style>
+ .loading {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ text-align: center;
+ z-index: -1;
+ }
+
+ .spinner {
+ width: 50px;
+ height: 50px;
+ border: 5px solid #ccc;
+ border-top-color: #409EFF;
+ border-radius: 50%;
+ animation: spin 1s infinite linear;
+ }
+
+ .text {
+ margin-top: 10px;
+ font-size: 16px;
+ color: #666;
+ }
+
+ @keyframes spin {
+ to {
+ transform: rotate(360deg);
+ }
+ }
+ </style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=tuVbv4tLIzoX7IWdeKeTwojDqPILFoe5"></script>
<!--<script src="//mapv.baidu.com/build/mapv.min.js"></script>
<script src="https://code.bdstatic.com/npm/mapvgl@1.0.0-beta.127/dist/mapvgl.min.js"></script>-->
@@ -14,6 +45,10 @@
<title>宄板嘲鏅烘収娉婅溅绯荤粺</title>
</head>
<body>
+ <div class="loading" style="display:block">
+ <div class="spinner"></div>
+ <div class="text">姝ｅ湪鍔犺浇涓�...</div>
+ </div>
<div id="app"></div>
</body>
</html>
--
Gitblit v1.9.1