index.less 970 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. @import './var.less';
  2. :root {
  3. --van-pull-refresh-head-height: @pull-refresh-head-height;
  4. --van-pull-refresh-head-font-size: @pull-refresh-head-font-size;
  5. --van-pull-refresh-head-text-color: @pull-refresh-head-text-color;
  6. --van-pull-refresh-loading-icon-size: @pull-refresh-loading-icon-size;
  7. }
  8. .van-pull-refresh {
  9. overflow: hidden;
  10. &__track {
  11. position: relative;
  12. height: 100%;
  13. transition-property: transform;
  14. }
  15. &__head {
  16. position: absolute;
  17. left: 0;
  18. width: 100%;
  19. height: var(--van-pull-refresh-head-height);
  20. overflow: hidden;
  21. color: var(--van-pull-refresh-head-text-color);
  22. font-size: var(--van-pull-refresh-head-font-size);
  23. line-height: var(--van-pull-refresh-head-height);
  24. text-align: center;
  25. transform: translateY(-100%);
  26. }
  27. &__loading {
  28. .van-loading__spinner {
  29. width: var(--van-pull-refresh-loading-icon-size);
  30. height: var(--van-pull-refresh-loading-icon-size);
  31. }
  32. }
  33. }