index.less 877 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. @import (reference) '../style/themes/index.less';
  2. @pageInfinite: ant-page-infinite;
  3. .@{pageInfinite} {
  4. position: relative;
  5. width: 100%;
  6. box-sizing: border-box;
  7. &-content {
  8. width: 100%;
  9. &::-webkit-scrollbar {
  10. display: none;
  11. }
  12. }
  13. &-wrap {
  14. position: absolute;
  15. bottom: 2 * @rpx;
  16. left: 0;
  17. right: 0;
  18. width: 100%;
  19. height: 6 * @rpx;
  20. z-index: 2;
  21. pointer-events: none;
  22. }
  23. &-area {
  24. position: absolute;
  25. left: 50%;
  26. width: 52 * @rpx;
  27. height: 6 * @rpx;
  28. overflow: hidden;
  29. border-radius: @corner-radius-sm / 2;
  30. transform: translateX(-50%);
  31. background-color: @COLOR_GREY_CARD;
  32. }
  33. &-move {
  34. position: absolute;
  35. bottom: 0;
  36. left: 0;
  37. width: 50%;
  38. height: 100%;
  39. transition: all 100ms linear;
  40. border-radius: @corner-radius-sm / 2;
  41. background-color: @COLOR_BRAND1;
  42. }
  43. }