123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- .slider-index {
- display: block;
- height: initial;
- }
- @import "../common/index.acss";
- .slider-index .van-slider {
- position: relative;
- border-radius: 999px;
- border-radius: var(--border-radius-max, 999px);
- background-color: #ebedf0;
- background-color: var(--slider-inactive-background-color, #ebedf0);
- }
- .slider-index .van-slider:before {
- position: absolute;
- right: 0;
- left: 0;
- content: "";
- top: -8px;
- top: -var(--padding-xs, 8px);
- bottom: -8px;
- bottom: -var(--padding-xs, 8px);
- }
- .slider-index .van-slider__bar {
- position: relative;
- border-radius: inherit;
- transition: width 0.2s;
- transition: width var(--animation-duration-fast, 0.2s);
- background-color: #1989fa;
- background-color: var(--slider-active-background-color, #1989fa);
- }
- .slider-index .van-slider__button {
- width: 24px;
- height: 24px;
- border-radius: 50%;
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
- background-color: #fff;
- background-color: var(--slider-button-background-color, #fff);
- }
- .slider-index .van-slider__button-wrapper {
- position: absolute;
- top: 50%;
- right: 0;
- -webkit-transform: translate3d(50%, -50%, 0);
- transform: translate3d(50%, -50%, 0);
- }
- .slider-index .van-slider--disabled {
- opacity: 0.5;
- }
|