custom-loading.acss 897 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .am_loading_mask view,
  2. .am_loading_mask text {
  3. color: #fff;
  4. }
  5. .am_loading_mask {
  6. position: fixed;
  7. color: #fff;
  8. top: 0;
  9. bottom: 0;
  10. width: 100%;
  11. left: 0;
  12. overflow: hidden;
  13. z-index: 99999;
  14. }
  15. .am_loading_box {
  16. color: #fff;
  17. width: 94px;
  18. border-radius: 3px;
  19. background-color: rgba(0, 0, 0, 0.7);
  20. position: absolute;
  21. top: 136px;
  22. text-align: center;
  23. left: 50%;
  24. transform: translateX(-50%);
  25. padding: 20px 1px;
  26. }
  27. .icon {
  28. color: #fff;
  29. text-align: center;
  30. }
  31. .am_loading_icon {
  32. width: 32px;
  33. height: 32px;
  34. display: inline-block;
  35. vertical-align: middle;
  36. }
  37. .am_loading_img {
  38. width: 32px;
  39. height: 32px;
  40. transform-origin: 50% 50%;
  41. border-radius: 50%;
  42. text-align: center;
  43. vertical-align: top;
  44. animation: rotate_img 1.2s linear infinite;
  45. }
  46. @keyframes rotate_img {
  47. 0% {
  48. transform: rotate(0);
  49. }
  50. 100% {
  51. transform: rotate(-360deg);
  52. }
  53. }