Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

loading.scss 17KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. .loading-modal {
  2. position: fixed;
  3. width: 100%;
  4. height: 100%;
  5. display: flex;
  6. justify-content: center;
  7. align-items: center;
  8. z-index: 999;
  9. top: 0;
  10. left: 0;
  11. .mask {
  12. position: fixed;
  13. width: 100%;
  14. height: 100%;
  15. background-color: #000;
  16. opacity: 0.3;
  17. }
  18. .load-modal {
  19. border-radius: 50%;
  20. width: 240rpx;
  21. height: 240rpx;
  22. background: #ffffff;
  23. z-index: 99999;
  24. display: flex;
  25. justify-content: center;
  26. align-items: center;
  27. flex-direction: column;
  28. position: relative;
  29. .border {
  30. border: 2rpx solid #ddd;
  31. width: 200rpx;
  32. height: 200rpx;
  33. border-radius: 50%;
  34. position: absolute;
  35. border-top: 6rpx solid #397ef5;
  36. animation: fadenum 2s infinite linear;
  37. }
  38. }
  39. .loading {
  40. background-image: url("data:image/png;base64,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");
  41. width: 110rpx;
  42. height: 110rpx;
  43. background-repeat: no-repeat;
  44. background-size: 110rpx;
  45. position: relative;
  46. top: 15rpx;
  47. }
  48. .gray-text {
  49. position: relative;
  50. top: -20rpx;
  51. font-size: 28rpx;
  52. }
  53. @keyframes fadenum {
  54. 100% {
  55. transform: rotate(360deg);
  56. }
  57. }
  58. }
  59. .percentloop {
  60. width: 240rpx;
  61. height: 240rpx;
  62. background: #ffffff;
  63. z-index: 99999;
  64. display: flex;
  65. justify-content: center;
  66. align-items: center;
  67. flex-direction: column;
  68. position: relative;
  69. border-radius: 50%;
  70. overflow: hidden;
  71. .circle-left,
  72. .circle-right {
  73. position: absolute;
  74. top: 0;
  75. left: 0;
  76. width: 50%;
  77. height: 100%;
  78. background-color: #397ef5;
  79. overflow: hidden;
  80. & > view {
  81. width: 100%;
  82. height: 100%;
  83. background-color: #8a8a8a;
  84. transform-origin: right center;
  85. /*transition: all .5s linear;*/
  86. }
  87. }
  88. .circle-right {
  89. left: 50%;
  90. & > view {
  91. transform-origin: left center;
  92. }
  93. }
  94. .loading {
  95. background-image: url("data:image/png;base64,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");
  96. width: 110rpx;
  97. height: 110rpx;
  98. background-repeat: no-repeat;
  99. background-size: 110rpx;
  100. position: relative;
  101. top: 15rpx;
  102. }
  103. .gray-text {
  104. position: relative;
  105. top: -20rpx;
  106. font-size: 28rpx;
  107. }
  108. .number {
  109. position: absolute;
  110. top: 5%;
  111. bottom: 5%;
  112. left: 5%;
  113. right: 5%;
  114. background-color: #fff;
  115. border-radius: 50%;
  116. overflow: hidden;
  117. display: flex;
  118. align-items: center;
  119. justify-content: center;
  120. color: #000;
  121. display: flex;
  122. flex-direction: column;
  123. justify-content: space-around;
  124. }
  125. }