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