TalentService-mobile/unpackage/dist/dev/mp-weixin/components/loading/index.wxss

119 lines
2.9 KiB
Plaintext
Raw Normal View History

2024-10-31 21:24:54 +08:00
@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;
}