index.wxss 772 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .wux-skeleton-avatar {
  2. display: inline-block;
  3. vertical-align: top;
  4. background: #f2f2f2;
  5. width: 80rpx;
  6. height: 80rpx;
  7. line-height: 80rpx
  8. }
  9. .wux-skeleton-avatar--small {
  10. width: 64rpx;
  11. height: 64rpx;
  12. line-height: 64rpx
  13. }
  14. .wux-skeleton-avatar--large {
  15. width: 96rpx;
  16. height: 96rpx;
  17. line-height: 96rpx
  18. }
  19. .wux-skeleton-avatar--circle {
  20. border-radius: 50%
  21. }
  22. .wux-skeleton-avatar--rounded {
  23. border-radius: 8rpx
  24. }
  25. .wux-skeleton-avatar--square {
  26. border-radius: 0
  27. }
  28. .wux-skeleton-avatar--active {
  29. background: linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);
  30. animation: loading 1.4s ease infinite;
  31. background-size: 400% 100%
  32. }
  33. @keyframes loading {
  34. 0% {
  35. background-position: 100% 50%
  36. }
  37. 100% {
  38. background-position: 0 50%
  39. }
  40. }