index.acss 595 B

1234567891011121314151617181920212223242526272829303132333435
  1. .healthy-card-component-loading {
  2. display: flex;
  3. flex-direction: column;
  4. align-items: center;
  5. justify-content: center;
  6. width: 200rpx;
  7. height: 200rpx;
  8. }
  9. .healthy-card-component-loading .icon {
  10. width: 44rpx;
  11. height: 72rpx;
  12. margin-bottom: 12rpx;
  13. animation: loading 1s linear infinite;
  14. }
  15. .healthy-card-component-loading .text {
  16. color: #999;
  17. font-size: 24rpx;
  18. }
  19. @keyframes loading {
  20. 0% {
  21. transform: scale(0.8);
  22. }
  23. 25% {
  24. transform: scale(1);
  25. }
  26. 50% {
  27. transform: scale(0.8);
  28. }
  29. 75% {
  30. transform: scale(1);
  31. }
  32. 100% {
  33. transform: scale(0.8);
  34. }
  35. }