mirror of
https://gitee.com/wangkang/udf.git
synced 2026-10-21 18:33:41 +00:00
94 lines
3.3 KiB
HTML
94 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<link rel="stylesheet" href="./static/reset.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.13.1/lib/theme-chalk/index.css"
|
|
integrity="sha256-bHcFRzLiKH6f01ebzmMYw8hJlYauysooMBDoZEKOrhQ=" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css"
|
|
integrity="sha256-L/W5Wfqfa0sdBNIKN9cG6QA5F2qx4qICmU2VgLruv9Y=" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.css"
|
|
integrity="sha256-no0c5ccDODBwp+9hSmV5VvPpKwHCpbVzXHexIkupM6U=" crossorigin="anonymous">
|
|
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js"
|
|
integrity="sha256-ngFW3UnAN0Tnm76mDuu7uUtYEcG3G5H1+zioJw3t+68=" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/vue-router@3.1.6/dist/vue-router.min.js"
|
|
integrity="sha256-B8zvQ+y1lIQkcm+EJyCis+7AgsnzaTCBAHgkrPFQr9A=" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/element-ui@2.13.1/lib/index.js"
|
|
integrity="sha256-uQdSJGWGmQhhMyhZCKv2y7qte97053horrgRlvR3TwQ=" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/axios@0.19.2/dist/axios.min.js"
|
|
integrity="sha256-T/f7Sju1ZfNNfBh7skWn0idlCBcI3RwdLSS4/I7NQKQ=" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.js"
|
|
integrity="sha256-a5YRB27CcBwBFcT5EF/f3E4vzIqyHrSR878nseNYw64=" crossorigin="anonymous"></script>
|
|
<link rel="icon" href="favicon.ico">
|
|
<title><%=process.env.VUE_APP_TITLE%></title>
|
|
<style>
|
|
.start-loading-center {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.start-loading-mouth {
|
|
fill: none;
|
|
stroke: rgb(51, 102, 153);
|
|
stroke-width: 5;
|
|
stroke-linecap: round;
|
|
stroke-dasharray: 44, 44;
|
|
transform-origin: center;
|
|
animation: mounthAni 1.0s ease-out infinite;
|
|
}
|
|
|
|
.start-loading-eye {
|
|
fill: none;
|
|
stroke: rgb(51, 102, 153);
|
|
stroke-width: 5;
|
|
stroke-linecap: round;
|
|
stroke-dasharray: 0, 66;
|
|
transform-origin: center;
|
|
transform: rotate(-45deg);
|
|
animation: eyeAni 1.0s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes mounthAni {
|
|
40% {
|
|
stroke-dasharray: 44, 22;
|
|
}
|
|
|
|
80%,
|
|
100% {
|
|
stroke-dasharray: 44, 44;
|
|
transform: rotate(720deg);
|
|
}
|
|
}
|
|
|
|
@keyframes eyeAni {
|
|
40% {
|
|
stroke-dasharray: 0, 77;
|
|
}
|
|
|
|
80%,
|
|
100% {
|
|
transform: rotate(675deg);
|
|
stroke-dasharray: 0, 66;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<noscript>
|
|
<strong>您的浏览器禁用了JavaScript脚本，系统无法正常为您提供服务</strong>
|
|
</noscript>
|
|
<div id="app">
|
|
<div class="start-loading-center">
|
|
<svg width="100" height="100">
|
|
<circle class="start-loading-mouth" cx="50" cy="50" r="14"></circle>
|
|
<circle class="start-loading-eye" cx="50" cy="50" r="14"></circle>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|