mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
45 lines
1.0 KiB
Plaintext
45 lines
1.0 KiB
Plaintext
@import '../common/style/var.less';
|
|
@import '../common/style/theme.less';
|
|
|
|
.van-slider {
|
|
position: relative;
|
|
.theme(border-radius, '@border-radius-max');
|
|
.theme(background-color, '@slider-inactive-background-color');
|
|
|
|
// use pseudo element to expand click area
|
|
&::before {
|
|
position: absolute;
|
|
right: 0;
|
|
left: 0;
|
|
content: '';
|
|
.theme(top, '-@padding-xs');
|
|
.theme(bottom, '-@padding-xs');
|
|
}
|
|
|
|
&__bar {
|
|
position: relative;
|
|
border-radius: inherit;
|
|
.theme(transition, 'width @animation-duration-fast');
|
|
.theme(background-color, '@slider-active-background-color');
|
|
}
|
|
|
|
&__button {
|
|
width: @slider-button-width;
|
|
height: @slider-button-height;
|
|
border-radius: @slider-button-border-radius;
|
|
box-shadow: @slider-button-box-shadow;
|
|
.theme(background-color, '@slider-button-background-color');
|
|
|
|
&-wrapper {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0;
|
|
transform: translate3d(50%, -50%, 0);
|
|
}
|
|
}
|
|
|
|
&--disabled {
|
|
opacity: @slider-disabled-opacity;
|
|
}
|
|
}
|