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;
|
|||
|
}
|
|||
|
|