119 lines
2.9 KiB
Plaintext
119 lines
2.9 KiB
Plaintext
@charset "UTF-8";
|
||
/**
|
||
* 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量
|
||
* uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用
|
||
*/
|
||
@-webkit-keyframes animloader-data-v-135a8cd8 {
|
||
17% {
|
||
border-bottom-right-radius: 3px;
|
||
}
|
||
25% {
|
||
-webkit-transform: translateY(9px) rotate(22.5deg);
|
||
transform: translateY(9px) rotate(22.5deg);
|
||
}
|
||
50% {
|
||
-webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
|
||
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
|
||
border-bottom-right-radius: 40px;
|
||
}
|
||
75% {
|
||
-webkit-transform: translateY(9px) rotate(67.5deg);
|
||
transform: translateY(9px) rotate(67.5deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: translateY(0) rotate(90deg);
|
||
transform: translateY(0) rotate(90deg);
|
||
}
|
||
}
|
||
@keyframes animloader-data-v-135a8cd8 {
|
||
17% {
|
||
border-bottom-right-radius: 3px;
|
||
}
|
||
25% {
|
||
-webkit-transform: translateY(9px) rotate(22.5deg);
|
||
transform: translateY(9px) rotate(22.5deg);
|
||
}
|
||
50% {
|
||
-webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
|
||
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
|
||
border-bottom-right-radius: 40px;
|
||
}
|
||
75% {
|
||
-webkit-transform: translateY(9px) rotate(67.5deg);
|
||
transform: translateY(9px) rotate(67.5deg);
|
||
}
|
||
100% {
|
||
-webkit-transform: translateY(0) rotate(90deg);
|
||
transform: translateY(0) rotate(90deg);
|
||
}
|
||
}
|
||
@-webkit-keyframes animloaders-data-v-135a8cd8 {
|
||
0%,
|
||
100% {
|
||
-webkit-transform: scale(1, 1);
|
||
transform: scale(1, 1);
|
||
}
|
||
50% {
|
||
-webkit-transform: scale(1.2, 1);
|
||
transform: scale(1.2, 1);
|
||
}
|
||
}
|
||
@keyframes animloaders-data-v-135a8cd8 {
|
||
0%,
|
||
100% {
|
||
-webkit-transform: scale(1, 1);
|
||
transform: scale(1, 1);
|
||
}
|
||
50% {
|
||
-webkit-transform: scale(1.2, 1);
|
||
transform: scale(1.2, 1);
|
||
}
|
||
}
|
||
.loader-all.data-v-135a8cd8 {
|
||
position: fixed;
|
||
width: 100%;
|
||
height: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
top: 0;
|
||
left: 0;
|
||
background-color: white;
|
||
z-index: 9999;
|
||
}
|
||
.loader.data-v-135a8cd8 {
|
||
position: relative;
|
||
margin-top: -200rpx;
|
||
width: 48px;
|
||
height: 48px;
|
||
/**
|
||
* 阴影层
|
||
*/
|
||
}
|
||
.loader.data-v-135a8cd8::before {
|
||
content: "";
|
||
position: absolute;
|
||
top: calc(100% + 15px);
|
||
left: 0;
|
||
width: 100%;
|
||
height: 5px;
|
||
border-radius: 50%;
|
||
background: #00afee;
|
||
opacity: 0.1;
|
||
-webkit-animation: animloaders-data-v-135a8cd8 .5s linear infinite;
|
||
animation: animloaders-data-v-135a8cd8 .5s linear infinite;
|
||
}
|
||
.loader.data-v-135a8cd8::after {
|
||
content: "";
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
border-radius: 3px;
|
||
background: linear-gradient(80deg, #4BACFF 0%, rgba(75, 174, 255, 0.5) 100%);
|
||
-webkit-animation: animloader-data-v-135a8cd8 .5s linear infinite;
|
||
animation: animloader-data-v-135a8cd8 .5s linear infinite;
|
||
}
|
||
|