| 1 |
- .skeleton.data-v-c002157e{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:50rpx;height:320rpx}.led.data-v-c002157e{width:10rpx;height:30rpx;border-radius:10rpx;top:50rpx;position:absolute;-webkit-transform:rotate(calc(1turn / var(--all) * var(--i)));transform:rotate(calc(1turn / var(--all) * var(--i)));-webkit-transform-origin:0 160rpx;transform-origin:0 160rpx;-webkit-animation:loading-data-v-c002157e 2s linear infinite;animation:loading-data-v-c002157e 2s linear infinite;-webkit-animation-delay:calc(var(--i) * 1s);animation-delay:calc(var(--i) * 1s);background-color:green}@-webkit-keyframes loading-data-v-c002157e{from{opacity:0}to{opacity:1}}@keyframes loading-data-v-c002157e{from{opacity:0}to{opacity:1}}.spinner.data-v-c002157e{margin:100px auto;width:20px;height:20px;position:relative}.container1 > ._div.data-v-c002157e, .container2 > ._div.data-v-c002157e, .container3 > ._div.data-v-c002157e{width:6px;height:6px;background-color:#333;border-radius:100%;position:absolute;-webkit-animation:bouncedelay-data-v-c002157e 1.2s infinite ease-in-out;animation:bouncedelay-data-v-c002157e 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .spinner-container.data-v-c002157e{position:absolute;width:100%;height:100%}.container2.data-v-c002157e{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.container3.data-v-c002157e{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.circle1.data-v-c002157e{top:0;left:0}.circle2.data-v-c002157e{top:0;right:0}.circle3.data-v-c002157e{right:0;bottom:0}.circle4.data-v-c002157e{left:0;bottom:0}.container2 .circle1.data-v-c002157e{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.container3 .circle1.data-v-c002157e{-webkit-animation-delay:-1s;animation-delay:-1s}.container1 .circle2.data-v-c002157e{-webkit-animation-delay:-.9s;animation-delay:-.9s}.container2 .circle2.data-v-c002157e{-webkit-animation-delay:-.8s;animation-delay:-.8s}.container3 .circle2.data-v-c002157e{-webkit-animation-delay:-.7s;animation-delay:-.7s}.container1 .circle3.data-v-c002157e{-webkit-animation-delay:-.6s;animation-delay:-.6s}.container2 .circle3.data-v-c002157e{-webkit-animation-delay:-.5s;animation-delay:-.5s}.container3 .circle3.data-v-c002157e{-webkit-animation-delay:-.4s;animation-delay:-.4s}.container1 .circle4.data-v-c002157e{-webkit-animation-delay:-.3s;animation-delay:-.3s}.container2 .circle4.data-v-c002157e{-webkit-animation-delay:-.2s;animation-delay:-.2s}.container3 .circle4.data-v-c002157e{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes bouncedelay-data-v-c002157e{0%, 80%, 100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay-data-v-c002157e{0%, 80%, 100%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}
|
