Browse Source

Pull request #2392: chore: 优化一下

Merge in VISUAL/fineui from ~GUY/fineui:master to master

* commit 'a0c6143476a6c4f57bc08834bd6df14347905bac':
  chore: 动画效果
  chore: 优化一下
es6
guy 3 years ago
parent
commit
2e1f88fafc
  1. 10
      src/less/base/single/input/checkbox.less
  2. 3
      src/less/base/single/input/radio.less

10
src/less/base/single/input/checkbox.less

@ -4,12 +4,14 @@
& .checkbox-content, &.checkbox-content { & .checkbox-content, &.checkbox-content {
.border-radius(2px); .border-radius(2px);
border: 1px solid @color-bi-border-checkbox; border: 1px solid @color-bi-border-checkbox;
box-sizing: border-box; .box-sizing(border-box);
.transition(all .1s);
&:after { &:after {
position: absolute; position: absolute;
display: table; display: table;
top: 50%; // 百分比会出现像素误差
left: 20%; top: 6px;
left: 2px;
border: 2px solid transparent; border: 2px solid transparent;
border-top: 0; border-top: 0;
border-left: 0; border-left: 0;
@ -17,6 +19,8 @@
height: 9px; height: 9px;
.box-sizing(border-box); .box-sizing(border-box);
.transform(rotate(45deg) scale(1) translate(-50%, -50%)); .transform(rotate(45deg) scale(1) translate(-50%, -50%));
@transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
.transition(@transition);
content: ''; content: '';
} }
&.hover, &:hover { &.hover, &:hover {

3
src/less/base/single/input/radio.less

@ -5,6 +5,7 @@
.border-radius(8px); .border-radius(8px);
border: 1px solid @color-bi-border-radio; border: 1px solid @color-bi-border-radio;
.box-sizing(border-box); .box-sizing(border-box);
.transition(all .1s);
&:after { &:after {
content: ""; content: "";
} }
@ -25,6 +26,8 @@
.border-radius(3px); .border-radius(3px);
background-color: @color-bi-background-radio; background-color: @color-bi-background-radio;
.transform(translate(-50%, -50%)); .transform(translate(-50%, -50%));
@transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
.transition(@transition);
} }
} }
} }

Loading…
Cancel
Save