blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(Slider): improve click area (#4701)

Browse Source
This commit is contained in:
neverland 2019-10-12 11:33:40 +08:00 committed by GitHub
parent 696c9d71d5
commit 4ea506c559
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/slider/index.less
View File

@ -5,6 +5,16 @@
background-color: @slider-inactive-background-color;
border-radius: 999px;
// use pseudo element to expand click area
&::before {
position: absolute;
top: -@padding-xs;
right: 0;
bottom: -@padding-xs;
left: 0;
content: '';
}
&__bar {
position: relative;
background-color: @slider-active-background-color;

4
src/style/var.less
View File

@ -527,8 +527,8 @@
@slider-active-background-color: @blue;
@slider-inactive-background-color: @gray-light;
@slider-disabled-opacity: @disabled-opacity;
@slider-button-width: 20px;
@slider-button-height: 20px;
@slider-button-width: 24px;
@slider-button-height: 24px;
@slider-button-border-radius: 50%;
@slider-button-background-color: @white;
@slider-button-box-shadow: 0 1px 2px rgba(0, 0, 0, .5);