|
@@ -50,7 +50,31 @@
|
|
|
.app-loading .app-loading-logo {
|
|
|
width: 100px;
|
|
|
margin: 0 auto 15px auto;
|
|
|
+ animation: app-loading-logo 5s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
|
|
|
}
|
|
|
+ @-webkit-keyframes app-loading-logo {
|
|
|
+ 0% {
|
|
|
+ -webkit-transform: rotate(0deg);
|
|
|
+ transform: rotate(0deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: rotate(360deg);
|
|
|
+ transform: rotate(360deg);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @keyframes app-loading-logo {
|
|
|
+ 0% {
|
|
|
+ -webkit-transform: rotate(0deg);
|
|
|
+ transform: rotate(0deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: rotate(360deg);
|
|
|
+ transform: rotate(360deg);
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
.app-loading .app-loading-item {
|
|
|
position: relative;
|
|
@@ -85,31 +109,9 @@
|
|
|
animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
|
|
|
}
|
|
|
|
|
|
- @-webkit-keyframes loader-outter {
|
|
|
- 0% {
|
|
|
- -webkit-transform: rotate(0deg);
|
|
|
- transform: rotate(0deg);
|
|
|
- }
|
|
|
+
|
|
|
|
|
|
- 100% {
|
|
|
- -webkit-transform: rotate(360deg);
|
|
|
- transform: rotate(360deg);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- @keyframes loader-outter {
|
|
|
- 0% {
|
|
|
- -webkit-transform: rotate(0deg);
|
|
|
- transform: rotate(0deg);
|
|
|
- }
|
|
|
-
|
|
|
- 100% {
|
|
|
- -webkit-transform: rotate(360deg);
|
|
|
- transform: rotate(360deg);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- @-webkit-keyframes loader-inner {
|
|
|
+ /* @-webkit-keyframes loader-inner {
|
|
|
0% {
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
transform: rotate(0deg);
|
|
@@ -119,9 +121,9 @@
|
|
|
-webkit-transform: rotate(-360deg);
|
|
|
transform: rotate(-360deg);
|
|
|
}
|
|
|
- }
|
|
|
+ } */
|
|
|
|
|
|
- @keyframes loader-inner {
|
|
|
+ /* @keyframes loader-inner {
|
|
|
0% {
|
|
|
-webkit-transform: rotate(0deg);
|
|
|
transform: rotate(0deg);
|
|
@@ -131,18 +133,18 @@
|
|
|
-webkit-transform: rotate(-360deg);
|
|
|
transform: rotate(-360deg);
|
|
|
}
|
|
|
- }
|
|
|
+ } */
|
|
|
</style>
|
|
|
<div class="app-loading">
|
|
|
<div class="app-loading-wrap">
|
|
|
<div class="app-loading-title">
|
|
|
- <img src="/logo.gif" class="app-loading-logo" alt="Logo" />
|
|
|
+ <img src="/zxlogo.png" class="app-loading-logo" alt="Logo" />
|
|
|
<div class="app-loading-title">%VITE_APP_TITLE%</div>
|
|
|
</div>
|
|
|
- <div class="app-loading-item">
|
|
|
+ <!-- <div class="app-loading-item">
|
|
|
<div class="app-loading-outter"></div>
|
|
|
<div class="app-loading-inner"></div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|