[improvement] optimize active color (#3026)

This commit is contained in:
neverland 2019-03-21 15:08:39 +08:00 committed by GitHub
parent 055387108f
commit f645d64900
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 10 additions and 7 deletions

View File

@ -26,7 +26,7 @@ There are some basic variables below, all available variables could be found in
// default colors // default colors
@text-color: #323233; @text-color: #323233;
@border-color: #ebedf0; @border-color: #ebedf0;
@active-color: #e8e8e8; @active-color: #f2f3f5;
@background-color: #f8f8f8; @background-color: #f8f8f8;
@background-color-light: #fafafa; @background-color-light: #fafafa;
``` ```

View File

@ -30,7 +30,7 @@ Vant 使用了 [Less](http://lesscss.org/) 对样式进行预处理,并内置
// default colors // default colors
@text-color: #323233; @text-color: #323233;
@border-color: #ebedf0; @border-color: #ebedf0;
@active-color: #e8e8e8; @active-color: #f2f3f5;
@background-color: #f8f8f8; @background-color: #f8f8f8;
@background-color-light: #fafafa; @background-color-light: #fafafa;
``` ```

View File

@ -29,7 +29,7 @@
} }
&:active::before { &:active::before {
opacity: .15; opacity: .1;
} }
&--loading, &--loading,

View File

@ -63,6 +63,8 @@ export default {
<style lang="less"> <style lang="less">
.demo-stepper { .demo-stepper {
background-color: #fff;
.van-stepper { .van-stepper {
margin-left: 15px; margin-left: 15px;
} }

View File

@ -38,7 +38,7 @@
} }
&:active { &:active {
background-color: @active-color; background-color: @stepper-active-color;
} }
&--disabled { &--disabled {

View File

@ -15,7 +15,7 @@
// Default colors // Default colors
@text-color: #323233; @text-color: #323233;
@border-color: #ebedf0; @border-color: #ebedf0;
@active-color: #e8e8e8; @active-color: #f2f3f5;
@background-color: #f8f8f8; @background-color: #f8f8f8;
@background-color-light: #fafafa; @background-color-light: #fafafa;
@ -153,7 +153,8 @@
@search-background-color: #f7f8fA; @search-background-color: #f7f8fA;
// Stepper // Stepper
@stepper-background-color: #f2f3f5; @stepper-active-color: #e8e8e8;
@stepper-background-color: @active-color;
@stepper-button-disabled-color: #f7f8fa; @stepper-button-disabled-color: #f7f8fa;
@stepper-input-disabled-color: @active-color;
@stepper-border-radius: 4px; @stepper-border-radius: 4px;
@stepper-input-disabled-color: #f2f3f5;