59 lines
1.2 KiB
Plaintext
59 lines
1.2 KiB
Plaintext
|
|
.loading-box.data-v-f8abd85e {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
}
|
|
.loading.data-v-f8abd85e {
|
|
position: relative;
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
border-radius: 50%;
|
|
background: peachpuff;
|
|
-webkit-animation: loading-data-v-f8abd85e 1.5s infinite linear;
|
|
animation: loading-data-v-f8abd85e 1.5s infinite linear;
|
|
}
|
|
.loading.data-v-f8abd85e:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 50rpx;
|
|
height: 50rpx;
|
|
border-top: 10rpx solid coral;
|
|
border-bottom: 10rpx solid coral;
|
|
border-left: 10rpx solid transparent;
|
|
border-right: 10rpx solid transparent;
|
|
border-radius: 50%;
|
|
top: -20rpx;
|
|
left: -20rpx;
|
|
}
|
|
@-webkit-keyframes loading-data-v-f8abd85e {
|
|
0% {
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0);
|
|
}
|
|
50% {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes loading-data-v-f8abd85e {
|
|
0% {
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0);
|
|
}
|
|
50% {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|