Browse Source

启动图

wgl 4 years ago
parent
commit
771a0712a1
3 changed files with 131 additions and 0 deletions
  1. BIN
      index/home/favicon.ico
  2. 131 0
      index/home/index.html
  3. BIN
      public/start.webp

BIN
index/home/favicon.ico


+ 131 - 0
index/home/index.html

@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+	<head>
+		<script>
+			//加载开始时间
+			var start_time = (new Date()).getTime();
+			var route_path = window.location.href.split("#")[1].replace(/\?.*/, '')
+		</script>
+
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,IE=IE9">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta name="apple-mobile-web-app-capable" content="yes">
+		<meta name="apple-touch-fullscreen" content="yes">
+		<meta name="aformat-detection" content="telephone=no,email=no">
+		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover">
+		<link rel="icon" href="<%= BASE_URL %>favicon.ico">
+		<title>
+			<%= htmlWebpackPlugin.options.title %>
+		</title>
+
+		<style>
+			body{-webkit-text-size-adjust: 100% !important;}
+			#z-loading-2 .index-title{
+				padding:60% 0 0;
+				text-align: center;
+				font-size: 30px;
+				color: #666;
+			}
+			#z-loading-2 .index-xxd{
+				color:#666;
+				text-align: center;
+				font-size: 15px;
+				margin-top: 15px;
+			}
+			#z-loading-2 .index-load{
+				text-align: center;
+				color:#666;
+				/* border-radius: 50%; */
+				font-size: 12px;
+				position: absolute;
+				bottom: 30px;
+				right: 30px;
+				/* width: 20px;
+				height: 20px;
+				background: #ddd; */
+			}
+		</style>
+	</head>
+	<body>
+		<noscript>
+			<strong>
+				We're sorry but
+				<%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to
+				continue.
+			</strong>
+		</noscript>
+
+		<div id="z-loading-2" style="display: block;position:fixed;left:0px;top:0px;bottom:0px;right:0px;z-index: 999;background-color: #fff;">
+			<div style="width:100%;text-align: center;height: 100%;">
+				<img src="start.webp" style="width: 100%;height: 100%;" id="qdt" />
+				<div class="index-load" id="index-load" style="display:block"></div>
+			</div>
+		</div>
+		<script>
+			var indexSetInval;
+			var indexStartNum = 1;
+			indexSetInval = setInterval(function() {
+				indexStartNum++;
+				var str = '加载中' + ((indexStartNum % 2 == 0) ? '…' : '……');
+				document.getElementById('index-load').innerHTML = str;
+			}, 1000)
+		</script>
+
+		<div id="app"></div>
+
+
+		<script>
+			window.onload = function() {
+				clearInterval(indexSetInval);
+				var end_time = (new Date()).getTime();
+				var loading_time = end_time - start_time;
+				console.log(((loading_time) / 1000).toString() + '秒');
+				if (loading_time < 2000) {
+					setTimeout(function() {
+						removeLoading();
+					}, 2000 - (loading_time));
+				} else {
+					removeLoading()
+				}
+			}
+
+			function removeLoading() {
+				if (document.getElementById('z-loading-2').style.display != 'none') {
+					var loading = document.getElementById('z-loading-2');
+				}
+				document.body.removeChild(loading);
+			}
+		</script>
+
+
+		<script type="text/javascript">
+			(function() {
+				if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
+					handleFontSize();
+				} else {
+					if (document.addEventListener) {
+						document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
+					} else if (document.attachEvent) {
+						document.attachEvent("WeixinJSBridgeReady", handleFontSize);
+						document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
+					}
+				}
+
+				function handleFontSize() {
+					/*设置网页字体为默认大小*/
+					WeixinJSBridge.invoke('setFontSizeCallback', {
+						'fontSize': 0
+					});
+					/*重写设置网页字体大小的事件*/
+					WeixinJSBridge.on('menu:setfont', function() {
+						WeixinJSBridge.invoke('setFontSizeCallback', {
+							'fontSize': 0
+						});
+					});
+				}
+			})();
+		</script>
+	</body>
+</html>

BIN
public/start.webp