loading-mask.scss 659 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. .cl-loading-mask__wrap {
  2. .cl-loading-mask {
  3. position: absolute;
  4. z-index: 2000;
  5. background-color: rgba(0, 0, 0, 0.2);
  6. margin: 0;
  7. top: 0;
  8. right: 0;
  9. bottom: 0;
  10. left: 0;
  11. height: 100%;
  12. width: 100%;
  13. opacity: 0;
  14. transition: opacity 0.3s;
  15. pointer-events: none;
  16. &.is-show {
  17. opacity: 1;
  18. pointer-events: auto;
  19. }
  20. &--fixed {
  21. position: fixed;
  22. }
  23. &__content {
  24. top: 50%;
  25. margin-top: -42rpx;
  26. width: 100%;
  27. position: absolute;
  28. display: flex;
  29. flex-direction: column;
  30. justify-content: center;
  31. align-items: center;
  32. }
  33. &__text {
  34. font-size: 26rpx;
  35. margin-top: 10rpx;
  36. letter-spacing: 1rpx;
  37. }
  38. }
  39. }