pull-down-refresh.wxss 924 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. .t-float-left {
  2. float: left;
  3. }
  4. .t-float-right {
  5. float: right;
  6. }
  7. @keyframes tdesign-fade-out {
  8. from {
  9. opacity: 1;
  10. }
  11. to {
  12. opacity: 0;
  13. }
  14. }
  15. .hotspot-expanded.relative {
  16. position: relative;
  17. }
  18. .hotspot-expanded::after {
  19. content: '';
  20. display: block;
  21. position: absolute;
  22. left: 0;
  23. top: 0;
  24. right: 0;
  25. bottom: 0;
  26. transform: scale(1.5);
  27. }
  28. .t-pull-down-refresh {
  29. overflow: hidden;
  30. max-height: 100vh;
  31. }
  32. .t-pull-down-refresh__track {
  33. position: relative;
  34. }
  35. .t-pull-down-refresh__track--loosing {
  36. transition: transform ease 0.24s;
  37. }
  38. .t-pull-down-refresh__tips {
  39. position: absolute;
  40. color: #bbb;
  41. font-size: 24rpx;
  42. top: 0;
  43. width: 100%;
  44. transform: translateY(-100%);
  45. display: flex;
  46. justify-content: center;
  47. align-items: center;
  48. flex-direction: column;
  49. overflow: hidden;
  50. }
  51. .t-pull-down-refresh__text {
  52. margin: 16rpx 0 0;
  53. }
  54. .t-pull-down-refresh__wrap {
  55. position: relative;
  56. }