lachang-wxapp/ThorUI/components/tui-skeleton/tui-skeleton.wxss

.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;
  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% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes tui-rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}