123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- .tui-skeleton-cmomon {
- position: absolute;
- z-index: 99999;
- overflow: hidden;
- }
- .tui-skeleton-box {
- left: 0;
- top: 0;
- }
- .tui-loading {
- display: inline-block;
- vertical-align: middle;
- width: 40rpx;
- height: 40rpx;
- background: 0 0;
- border-radius: 50%;
- border: 2px solid;
- -webkit-animation: tui-rotate 0.7s linear infinite;
- animation: tui-rotate 0.7s linear infinite;
- position: fixed;
- z-index: 999999;
- left: 50%;
- top: 50%;
- margin-left: -20rpx;
- margin-top: -20rpx;
- }
- .tui-loading-1 {
- border-color: #e5e5e5 #e5e5e5 #e5e5e5 #5677fc;
- }
- .tui-loading-2 {
- border-color: #e5e5e5 #e5e5e5 #e5e5e5 #8f8d8e;
- }
- .tui-loading-3 {
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff;
- }
- .tui-loading-4 {
- border-color: #e5e5e5 #e5e5e5 #e5e5e5 #35b06a;
- }
- .tui-loading-5 {
- border-color: #e5e5e5 #e5e5e5 #e5e5e5 #fc872d;
- }
- .tui-loading-6 {
- border-color: #e5e5e5 #e5e5e5 #e5e5e5 #eb0909;
- }
- .tui-loading-7 {
- border-color: #5677fc transparent #5677fc transparent;
- }
- .tui-loading-8 {
- border-color: #35b06a transparent #35b06a transparent;
- }
- .tui-loading-9 {
- border-color: #fc872d transparent #fc872d transparent;
- }
- .tui-loading-10 {
- border-color: #eb0909 transparent #eb0909 transparent;
- }
- @-webkit-keyframes tui-rotate {
- 0% {
- -webkit-transform: rotate(0);
- transform: rotate(0);
- }
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- }
- @keyframes tui-rotate {
- 0% {
- -webkit-transform: rotate(0);
- transform: rotate(0);
- }
- 100% {
- -webkit-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- }
|