btn-loading.scss 803 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. /* 按钮点击加载:文案淡化 + 居中自绘转圈(对齐 mobile-oa-h5 发起页) */
  2. .oa-btn-loading {
  3. position: relative;
  4. overflow: hidden;
  5. }
  6. .oa-btn-loading.is-loading {
  7. opacity: 1 !important;
  8. pointer-events: none;
  9. }
  10. .oa-btn-loading.is-loading .oa-btn-loading__label {
  11. opacity: 0.25;
  12. }
  13. .oa-btn-loading__spin {
  14. position: absolute;
  15. inset: 0;
  16. display: flex;
  17. align-items: center;
  18. justify-content: center;
  19. background: rgba(0, 0, 0, 0.06);
  20. pointer-events: none;
  21. }
  22. .oa-btn-loading__spin::before {
  23. content: '';
  24. width: 16px;
  25. height: 16px;
  26. border: 2px solid currentColor;
  27. border-right-color: transparent;
  28. border-radius: 50%;
  29. animation: oa-btn-loading-spin 0.7s linear infinite;
  30. }
  31. @keyframes oa-btn-loading-spin {
  32. to {
  33. transform: rotate(360deg);
  34. }
  35. }