mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-24 02:59:58 +08:00
update switch
This commit is contained in:
parent
9823eabb36
commit
70fc084e44
@ -1,8 +1,8 @@
|
|||||||
# 简单
|
# 不可用
|
||||||
|
|
||||||
- order: 1
|
- order: 1
|
||||||
|
|
||||||
最简单的用法。
|
Switch 失效状态。
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
@ -13,7 +13,7 @@ var container = document.getElementById('components-switch-demo-disabled');
|
|||||||
var Test = React.createClass({
|
var Test = React.createClass({
|
||||||
getInitialState() {
|
getInitialState() {
|
||||||
return {
|
return {
|
||||||
disabled: false
|
disabled: true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
toggle(){
|
toggle(){
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
开关选择器。
|
开关选择器
|
||||||
|
|
||||||
## 何时使用
|
## 何时使用
|
||||||
|
|
||||||
|
@ -33,16 +33,10 @@
|
|||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
content: " ";
|
content: " ";
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transform: scale(1);
|
|
||||||
transition: left @switch-duration @ease-in-out-circ;
|
transition: left @switch-duration @ease-in-out-circ;
|
||||||
animation-timing-function: linear;
|
|
||||||
animation-duration: @switch-duration;
|
|
||||||
animation-name: rcSwitchOff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover:after{
|
&:hover:after{
|
||||||
transform: scale(1.1);
|
|
||||||
animation-name: rcSwitchOn;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&-checked{
|
&-checked{
|
||||||
@ -65,13 +59,10 @@
|
|||||||
|
|
||||||
&:after{
|
&:after{
|
||||||
background: #ccc;
|
background: #ccc;
|
||||||
animation-name: none;
|
|
||||||
cursor: no-drop;
|
cursor: no-drop;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover:after{
|
&:hover:after{
|
||||||
transform: scale(1);
|
|
||||||
animation-name: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&-inner {
|
&-inner {
|
||||||
@ -79,26 +70,3 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes rcSwitchOn {
|
|
||||||
0% {
|
|
||||||
transform: scale(1);
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
transform: scale(1.2);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
transform: scale(1.1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@keyframes rcSwitchOff {
|
|
||||||
0% {
|
|
||||||
transform: scale(1.1);
|
|
||||||
}
|
|
||||||
50%{
|
|
||||||
transform: scale(.9);
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
transform: scale(1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
Loading…
Reference in New Issue
Block a user