tui-loading.wxss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .tui-loading-init.data-v-6e963f76 {
  2. min-width: 200rpx;
  3. min-height: 200rpx;
  4. max-width: 500rpx;
  5. display: flex;
  6. align-items: center;
  7. justify-content: center;
  8. flex-direction: column;
  9. position: fixed;
  10. top: 50%;
  11. left: 50%;
  12. -webkit-transform: translate(-50%, -50%);
  13. transform: translate(-50%, -50%);
  14. z-index: 9999;
  15. font-size: 26rpx;
  16. color: #fff;
  17. background-color: rgba(0, 0, 0, 0.7);
  18. border-radius: 10rpx;
  19. }
  20. .tui-loading-center.data-v-6e963f76 {
  21. width: 50rpx;
  22. height: 50rpx;
  23. border: 3px solid #fff;
  24. border-radius: 50%;
  25. margin: 0 6px;
  26. display: inline-block;
  27. vertical-align: middle;
  28. -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 40%, 0% 40%);
  29. clip-path: polygon(0% 0%, 100% 0%, 100% 40%, 0% 40%);
  30. -webkit-animation: rotate-data-v-6e963f76 1s linear infinite;
  31. animation: rotate-data-v-6e963f76 1s linear infinite;
  32. margin-bottom: 36rpx;
  33. }
  34. .tui-loadmore-tips.data-v-6e963f76 {
  35. text-align: center;
  36. padding: 0 20rpx;
  37. box-sizing: border-box;
  38. }
  39. @-webkit-keyframes rotate-data-v-6e963f76 {
  40. from {
  41. -webkit-transform: rotatez(0deg);
  42. transform: rotatez(0deg);
  43. }
  44. to {
  45. -webkit-transform: rotatez(360deg);
  46. transform: rotatez(360deg);
  47. }
  48. }
  49. @keyframes rotate-data-v-6e963f76 {
  50. from {
  51. -webkit-transform: rotatez(0deg);
  52. transform: rotatez(0deg);
  53. }
  54. to {
  55. -webkit-transform: rotatez(360deg);
  56. transform: rotatez(360deg);
  57. }
  58. }