加载spin

/** 全局加载spin样式 */
.my-spin-loading {
  &>div>.ant-spin {
    max-height: none;
    bottom: 0;

    .ant-spin-text {
      top: 40%;
      padding-top: 50px;
      font-size: 18px;
      color: #bed0f8 !important;
    }

    .ant-spin-dot {
      top: 40%;

      .ant-spin-dot-item {
        width: 24px;
        height: 24px;
        background: #fff;

        &:nth-child(1) {
          top: -20px;
          left: -20px;
        }

        &:nth-child(2) {
          top: -20px;
          right: -20px;
        }

        &:nth-child(3) {
          right: -20px;
          bottom: -20px;
        }

        &:nth-child(4) {
          bottom: -20px;
          left: -20px;
        }
      }
    }
  }

  .ant-spin-container::after {
    background: #11318b !important;
  }

  .ant-spin-blur::after {
    opacity: 1 !important;
  }
}

/** 全局加载spin样式 */

 

posted @ 2022-05-06 10:53  小拐  阅读(135)  评论(0)    收藏  举报