| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- @import '../style/var';
- .van-swipe {
- overflow: hidden;
- position: relative;
- user-select: none;
- &__track {
- height: 100%;
- }
- &__indicators {
- display: flex;
- position: absolute;
- left: 50%;
- bottom: @swipe-indicator-margin;
- transform: translateX(-50%);
- &--vertical {
- left: @swipe-indicator-margin;
- top: 50%;
- bottom: auto;
- flex-direction: column;
- transform: translateY(-50%);
- .van-swipe__indicator:not(:last-child) {
- margin-bottom: @swipe-indicator-size;
- }
- }
- }
- &__indicator {
- border-radius: 100%;
- opacity: @swipe-indicator-inactive-opacity;
- width: @swipe-indicator-size;
- height: @swipe-indicator-size;
- background-color: @swipe-indicator-inactive-background-color;
- transition: opacity .2s;
- &:not(:last-child) {
- margin-right: @swipe-indicator-size;
- }
- &--active {
- opacity: @swipe-indicator-active-opacity;
- background-color: @swipe-indicator-active-background-color;
- }
- }
- }
|