Browse Source

BI-112711 fix:单选按钮的选中视觉不对

research/test
Treecat 2 years ago
parent
commit
6cabd38b05
  1. 8
      src/base/single/input/radio/radio.js
  2. 6
      src/less/base/single/input/radio.less

8
src/base/single/input/radio/radio.js

@ -9,10 +9,10 @@ BI.Radio = BI.inherit(BI.BasicButton, {
baseCls: "bi-radio", baseCls: "bi-radio",
selected: false, selected: false,
handler: BI.emptyFn, handler: BI.emptyFn,
width: 14, width: 16,
height: 14, height: 16,
iconWidth: 14, iconWidth: 16,
iconHeight: 14 iconHeight: 16
}, },
render: function () { render: function () {

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

@ -18,13 +18,13 @@
border-color: @color-bi-border-hover-active-radio; border-color: @color-bi-border-hover-active-radio;
background-color: @color-bi-background-active-radio; background-color: @color-bi-background-active-radio;
&:after { &:after {
width: 6px; width: 8px;
height: 6px; height: 8px;
display: table; display: table;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
.border-radius(3px); .border-radius(4px);
background-color: @color-bi-background-active-radio-content; background-color: @color-bi-background-active-radio-content;
.transform(translate(-50%, -50%)); .transform(translate(-50%, -50%));
@transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s; @transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;

Loading…
Cancel
Save