12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- @import '../style/var';
- .van-swipe {
- position: relative;
- overflow: hidden;
- // https://github.com/vant-ui/vant/issues/9931
- transform: translateZ(0);
- cursor: grab;
- user-select: none;
- &__track {
- display: flex;
- height: 100%;
- &--vertical {
- flex-direction: column;
- }
- }
- &__indicators {
- position: absolute;
- bottom: @swipe-indicator-margin;
- left: 50%;
- display: flex;
- transform: translateX(-50%);
- &--vertical {
- top: 50%;
- bottom: auto;
- left: @swipe-indicator-margin;
- flex-direction: column;
- transform: translateY(-50%);
- .van-swipe__indicator:not(:last-child) {
- margin-bottom: @swipe-indicator-size;
- }
- }
- }
- &__indicator {
- width: @swipe-indicator-size;
- height: @swipe-indicator-size;
- background-color: @swipe-indicator-inactive-background-color;
- border-radius: 100%;
- opacity: @swipe-indicator-inactive-opacity;
- transition: opacity @animation-duration-fast,
- background-color @animation-duration-fast;
- &:not(:last-child) {
- margin-right: @swipe-indicator-size;
- }
- &--active {
- background-color: @swipe-indicator-active-background-color;
- opacity: @swipe-indicator-active-opacity;
- }
- }
- }
|