You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
118 lines
2.5 KiB
118 lines
2.5 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
|
<!-- <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script> -->
|
|
<!-- <link rel="stylesheet" href="./index.css"> -->
|
|
<title>智能发票管家</title>
|
|
<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&libraries=service&key=RN4BZ-WPXWV-DDMPZ-UCKXL-VMMCZ-I5BKE"></script>
|
|
<style>
|
|
.loadEffect {
|
|
width: 100px;
|
|
height: 100px;
|
|
margin: 0 auto;
|
|
margin-top: 37vh;
|
|
position: relative;
|
|
}
|
|
|
|
.loadEffect div {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
-webkit-animation: load 2.08s linear infinite;
|
|
}
|
|
|
|
.loadEffect div span {
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 50%;
|
|
background: lightgreen;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-top: -10px;
|
|
margin-left: -10px;
|
|
}
|
|
|
|
@-webkit-keyframes load {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
}
|
|
|
|
10% {
|
|
-webkit-transform: rotate(45deg);
|
|
}
|
|
|
|
50% {
|
|
opacity: 1;
|
|
-webkit-transform: rotate(160deg);
|
|
}
|
|
|
|
62% {
|
|
opacity: 0;
|
|
}
|
|
|
|
65% {
|
|
opacity: 0;
|
|
-webkit-transform: rotate(200deg);
|
|
}
|
|
|
|
90% {
|
|
-webkit-transform: rotate(340deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
}
|
|
|
|
}
|
|
|
|
.loadEffect div:nth-child(1) {
|
|
-webkit-animation-delay: 0.2s;
|
|
}
|
|
|
|
.loadEffect div:nth-child(2) {
|
|
-webkit-animation-delay: 0.4s;
|
|
}
|
|
|
|
.loadEffect div:nth-child(3) {
|
|
-webkit-animation-delay: 0.6s;
|
|
}
|
|
|
|
.loadEffect div:nth-child(4) {
|
|
-webkit-animation-delay: 0.8s;
|
|
}
|
|
|
|
.tipMessage {
|
|
text-align: center;
|
|
margin-top: 50px;
|
|
font-size: 24px;
|
|
}
|
|
</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="app">
|
|
<div id="appLoading">
|
|
<div class="loadEffect">
|
|
<div><span></span></div>
|
|
<div><span></span></div>
|
|
<div><span></span></div>
|
|
<div><span></span></div>
|
|
</div>
|
|
<div class="tipMessage">欢迎使用智慧发票管家，系统正在加载中...</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|
|
|
|
|