blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-24 10:20:19 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] Stepper: optimize style (#3712)

Browse Source
This commit is contained in:
neverland 2019-07-01 20:30:09 +08:00 committed by GitHub
parent 3d0c6ae504
commit e901a522ad
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/stepper/index.less
View File

@ -2,6 +2,7 @@
.van-stepper { .van-stepper {
font-size: 0; font-size: 0;
user-select: none;
&__minus, &__minus,
&__plus { &__plus {
@ -9,7 +10,7 @@
box-sizing: border-box; box-sizing: border-box;
width: 28px; width: 28px;
height: 28px; height: 28px;
margin: 1px; margin: 0;
padding: 5px; padding: 5px;
color: @stepper-button-icon-color; color: @stepper-button-icon-color;
vertical-align: middle; vertical-align: middle;
@ -17,13 +18,13 @@
border: 0; border: 0;
&::before { &::before {
width: 9px; width: 13px;
height: 1px; height: 1px;
} }
&::after { &::after {
width: 1px; width: 1px;
height: 9px; height: 13px;
} }
&::before, &::before,
@ -65,11 +66,11 @@
} }
&__input { &__input {
box-sizing: content-box; box-sizing: border-box;
width: @stepper-input-width; width: @stepper-input-width;
height: @stepper-input-height; height: @stepper-input-height;
margin: 1px; margin: 0 2px;
padding: 1px; padding: 0;
color: @stepper-input-text-color; color: @stepper-input-text-color;
font-size: @stepper-input-font-size; font-size: @stepper-input-font-size;
text-align: center; text-align: center;

4
src/style/var.less
View File

@ -473,8 +473,8 @@
@stepper-button-icon-color: @text-color; @stepper-button-icon-color: @text-color;
@stepper-button-disabled-color: #f7f8fa; @stepper-button-disabled-color: #f7f8fa;
@stepper-button-disabled-icon-color: @gray; @stepper-button-disabled-icon-color: @gray;
@stepper-input-width: 30px; @stepper-input-width: 32px;
@stepper-input-height: 26px; @stepper-input-height: 28px;
@stepper-input-font-size: 14px; @stepper-input-font-size: 14px;
@stepper-input-text-color: @text-color; @stepper-input-text-color: @text-color;
@stepper-input-disabled-text-color: @gray; @stepper-input-disabled-text-color: @gray;