From 57d60bb48077104b2c0562a27aedad5d10c46a9e Mon Sep 17 00:00:00 2001 From: wynn Date: Thu, 25 Apr 2019 11:09:45 +0800 Subject: [PATCH] switch 样式修改 --- src/styles/components/switch.less | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/src/styles/components/switch.less b/src/styles/components/switch.less index 3c0dda0..a7f6b59 100644 --- a/src/styles/components/switch.less +++ b/src/styles/components/switch.less @@ -7,7 +7,7 @@ line-height: 20px; border-radius: 22px; vertical-align: middle; - border: 1px solid @mew-common-color; + border: 1px solid tint(@mew-common-color, 20%); background-color: #efefef; position: relative; cursor: pointer; @@ -19,7 +19,7 @@ } &-inner { - color: @mew-common-color; + color: #999; font-size: @font-size-small; position: absolute; left: 23px; @@ -38,7 +38,7 @@ width: 18px; height: 18px; border-radius: 18px; - background-color: @mew-common-color; + background-color: tint(@mew-common-color, 50%); position: absolute; left: 1px; top: 1px; @@ -62,7 +62,7 @@ top: 3px; z-index: 1; border: 1px solid @mew-common-color; - border-color: transparent transparent transparent #3fcdc0; + border-color: transparent transparent transparent @mew-common-color; animation: switch-loading 1s linear; animation-iteration-count: infinite; } @@ -71,7 +71,7 @@ } &:focus { - box-shadow: 0 0 0 2px fade(@mew-common-color, 20%); + box-shadow: 0 0 0 2px fade(@mew-common-color, 5%); outline: 0; } @@ -140,6 +140,7 @@ } &:after { + background-color: @mew-common-color; left: 23px; } &:before{ @@ -149,6 +150,10 @@ &:active:after { left: 15px; } + + .@{switch-prefix-cls}-inner { + color: @mew-common-color; + } } &-disabled { -- libgit2 0.21.4