[improvement] Stepper: optimize style (#3712)

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

View File

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

View File

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