ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-20 10:44:59 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

[Improvement] Slider: add step & bar-height prop (#915)

Browse Source
This commit is contained in:
neverland
2018-04-23 20:19:41 +08:00
committed by GitHub
parent 19f4c9c028
commit b93a2e3c00
7 changed files with 160 additions and 350 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
packages/vant-css/src/slider.css
View File

@@ -1,41 +1,29 @@
@import './common/var.css';
$c-slider-background: #cacaca;
$c-pivot-border: #fff;
.van-slider {
&--disabled {
opacity: .3;
.van-slider__pivot {
cursor: not-allowed;
}
}
position: relative;
border-radius: 999px;
background-color: $border-color;
&__bar {
position: relative;
margin: 0 15px;
height: 4px;
border-radius: 5px;
background: $c-slider-background;
border-radius: inherit;
background-color: $blue;
}
&__loaded-portion,
&__finished-portion {
border-radius: 5px;
height: 100%;
position: absolute;
left: 0;
}
&__pivot {
&__button {
position: absolute;
top: 50%;
width: 16px;
height: 16px;
border: 3px solid $c-pivot-border;
box-shadow: 0 1px 4px;
right: 0;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: $c-slider-background;
transform: translate3d(0, -50%, 0);
background-color: $white;
transform: translate3d(50%, -50%, 0);
box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}
&--disabled {
opacity: .3;
}
}