This commit is contained in:
iizmg
2020-04-24 15:12:57 +08:00
parent 6ee5f0714a
commit d67ea26b86
3 changed files with 63 additions and 3 deletions
+61 -1
View File
@@ -5,11 +5,71 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>admin</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>
<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>
+1 -1
View File
@@ -44,7 +44,7 @@
background: "#F2F2F2"
},
mainLogo: {
appLogoName: 'UDF',
appLogoName: 'ITKK',
appName: 'ADMIN',
},
mainElContainerStyle: {
+1 -1
View File
@@ -11,8 +11,8 @@ export default {
//初始化NProgress
initNProgress() {
//配置
NProgress.inc(0.2);
NProgress.configure({easing: 'ease', speed: 500, showSpinner: false});
NProgress.inc(0.2);
//开始遍历
router.beforeEach((to, from, next) => {