index.less 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. @import '../style/var';
  2. .van-swipe {
  3. overflow: hidden;
  4. position: relative;
  5. user-select: none;
  6. &__track {
  7. height: 100%;
  8. }
  9. &__indicators {
  10. display: flex;
  11. position: absolute;
  12. left: 50%;
  13. bottom: @swipe-indicator-margin;
  14. transform: translateX(-50%);
  15. &--vertical {
  16. left: @swipe-indicator-margin;
  17. top: 50%;
  18. bottom: auto;
  19. flex-direction: column;
  20. transform: translateY(-50%);
  21. .van-swipe__indicator:not(:last-child) {
  22. margin-bottom: @swipe-indicator-size;
  23. }
  24. }
  25. }
  26. &__indicator {
  27. border-radius: 100%;
  28. opacity: @swipe-indicator-inactive-opacity;
  29. width: @swipe-indicator-size;
  30. height: @swipe-indicator-size;
  31. background-color: @swipe-indicator-inactive-background-color;
  32. transition: opacity .2s;
  33. &:not(:last-child) {
  34. margin-right: @swipe-indicator-size;
  35. }
  36. &--active {
  37. opacity: @swipe-indicator-active-opacity;
  38. background-color: @swipe-indicator-active-background-color;
  39. }
  40. }
  41. }