wxhuanart/miniprogram/components/wait/wait.less

/* components/wait/wait.wxss */
.page-wait {
  display: flex;
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 99999;
  top: 0;
  left: 0;
  background: #ffffff00;
  pointer-events: none;

  &.active {
    background: #ffffff93;
    pointer-events: all;
  }

  .place {
    position: fixed;
    top: 35%;
    left: 50%;
    margin-left: -26rpx;
  }

  .loading {
    width: 40rpx;
    height: 40rpx;
    border: 2px solid #000;
    border-top-color: transparent;
    border-radius: 100%;

    animation: circle infinite 0.75s linear;
  }

  // 转转转动画
  @keyframes circle {
    0% {
      transform: rotate(0);
    }
    100% {
      transform: rotate(360deg);
    }
  }
}