|
@@ -0,0 +1,84 @@
|
|
|
+.p-index-loading {
|
|
|
+ position: fixed;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ background-color: white;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ z-index: 9000;
|
|
|
+}
|
|
|
+.p-index-loading .p-index-loading-box {
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ width: 200px;
|
|
|
+ height: 50px;
|
|
|
+ transform: translate(-100px, -60px);
|
|
|
+ z-index: 2001;
|
|
|
+}
|
|
|
+.p-index-loading .p-index-loading-box .p-index-loading-list {
|
|
|
+ border-radius: 4px;
|
|
|
+ width: 6px;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #0091ff;
|
|
|
+}
|
|
|
+.p-index-loading .p-index-loading-box .p-index-loading-list + .p-index-loading-list {
|
|
|
+ margin-left: 4px;
|
|
|
+}
|
|
|
+.p-index-loading .p-index-loading-box .p-index-loading-list-1 {
|
|
|
+ animation: indexLoading 0.8s ease-in-out 200ms infinite alternate;
|
|
|
+}
|
|
|
+.p-index-loading .p-index-loading-box .p-index-loading-list-2 {
|
|
|
+ animation: indexLoading 0.8s ease-in-out 400ms infinite alternate;
|
|
|
+}
|
|
|
+.p-index-loading .p-index-loading-box .p-index-loading-list-3 {
|
|
|
+ animation: indexLoading 0.8s ease-in-out 600ms infinite alternate;
|
|
|
+}
|
|
|
+.p-index-loading .p-index-loading-box .p-index-loading-list-4 {
|
|
|
+ animation: indexLoading 0.8s ease-in-out 800ms infinite alternate;
|
|
|
+}
|
|
|
+.p-index-loading .p-index-loading-box .p-index-loading-list-5 {
|
|
|
+ animation: indexLoading 0.8s ease-in-out 1000ms infinite alternate;
|
|
|
+}
|
|
|
+.p-index-loading .p-index-loading-box .p-index-loading-list-6 {
|
|
|
+ animation: indexLoading 0.8s ease-in-out 1200ms infinite alternate;
|
|
|
+}
|
|
|
+@-moz-keyframes indexLoading {
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ transform: scaleY(1);
|
|
|
+ }
|
|
|
+ 50% {
|
|
|
+ transform: scaleY(0.4);
|
|
|
+ }
|
|
|
+}
|
|
|
+@-webkit-keyframes indexLoading {
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ transform: scaleY(1);
|
|
|
+ }
|
|
|
+ 50% {
|
|
|
+ transform: scaleY(0.4);
|
|
|
+ }
|
|
|
+}
|
|
|
+@-o-keyframes indexLoading {
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ transform: scaleY(1);
|
|
|
+ }
|
|
|
+ 50% {
|
|
|
+ transform: scaleY(0.4);
|
|
|
+ }
|
|
|
+}
|
|
|
+@keyframes indexLoading {
|
|
|
+ 0%,
|
|
|
+ 100% {
|
|
|
+ transform: scaleY(1);
|
|
|
+ }
|
|
|
+ 50% {
|
|
|
+ transform: scaleY(0.4);
|
|
|
+ }
|
|
|
+}
|