Browse Source

优化`Loading`界面

mxd 4 năm trước cách đây
mục cha
commit
626d62ee4f
1 tập tin đã thay đổi với 9 bổ sung11 xóa
  1. 9 11
      src/main/resources/magicapi-support/index.html

+ 9 - 11
src/main/resources/magicapi-support/index.html

@@ -2,7 +2,7 @@
 <html>
 <head>
 	<meta charset="UTF-8">
-	<title>MagicAPI v0.4.7 - Powered by ssssssss-team</title>
+	<title>Magic-API v0.4.7 - Powered by ssssssss-team</title>
 	<link rel="icon" href="images/favicon.png" />
 	<style type="text/css">.loading-wrapper{position:fixed;top:0;bottom:0;left:0;right:0;z-index:2147483647;text-align:center;background:#fff}.loading{position:absolute;top:50%;left:50%;width:500px;height:100px;margin-left:-250px;margin-top:-50px;text-align:center}.loading .title{font-size:0;color:#0075ff;letter-spacing:0}.loading .title label{font-size:36px;display:inline-block;margin-top:5px;vertical-align:top}.loading .title span{font-size:72px;display:inline-block;padding:0 3px;animation:stretch 1s infinite}.loading .title span:nth-child(1){animation-delay:calc(1s / 8 * 0 / 2)}.loading .title span:nth-child(2){animation-delay:calc(1s / 8 * 1 / 2)}.loading .title span:nth-child(3){animation-delay:calc(1s / 8 * 2 / 2)}.loading .title span:nth-child(4){animation-delay:calc(1s / 8 * 3 / 2)}.loading .title span:nth-child(5){animation-delay:calc(1s / 8 * 4 / 2)}.loading .title span:nth-child(6){animation-delay:calc(1s / 8 * 5 / 2)}.loading .title span:nth-child(7){animation-delay:calc(1s / 8 * 6 / 2)}.loading .title span:nth-child(8){animation-delay:calc(1s / 8 * 7 / 2)}.loading .loading-text{text-align:center;font-weight:bolder;font-style:italic;color:#889aa4;font-size:32px;animation:blink-loading 2s ease-in infinite}@keyframes stretch{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}100%{transform:scale(1)}}@keyframes blink-loading{0%{opacity:100%}50%{opacity:50%}100%{opacity:100%}}</style>
 	<link rel="stylesheet" href="css/index.css" />
@@ -18,17 +18,15 @@
 <div class="loading-wrapper">
 	<div class="loading">
 		<div class="title">
-			<span>M</span>
-			<span>A</span>
-			<span>G</span>
-			<span>I</span>
-			<span>C</span>
-			<span>A</span>
-			<span>P</span>
-			<span>I</span>
-			<label>v0.4.7</label>
+			<span>L</span>
+			<span>o</span>
+			<span>a</span>
+			<span>d</span>
+			<span>i</span>
+			<span>n</span>
+			<span>g</span>
 		</div>
-		<div class="loading-text">Loading...</div>
+		<div class="loading-text">By Magic-API v0.4.7</div>
 	</div>
 </div>
 <div class="top-toolbar-container not-select">