Tree组件规范调整
This commit is contained in:
yangchch6
parent
38cdbb91d3
commit
9c924e0b30
193
build/Tree.css
193
build/Tree.css
|
|
@ -1,172 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/* FormGroup */
|
||||
/* Navlayout */
|
||||
/* FormGroup */
|
||||
/* Navlayout */
|
||||
.u-checkbox {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin-right: 24px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
font-size: 12px;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
position: relative;
|
||||
line-height: 1;
|
||||
vertical-align: middle; }
|
||||
.u-checkbox input[type='checkbox'] {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
.u-checkbox input[disabled] {
|
||||
cursor: not-allowed; }
|
||||
.u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(245, 60, 50); }
|
||||
.u-checkbox.is-checked .u-checkbox-label:before {
|
||||
-moz-box-shadow: inset 0 0 0 10px #fff;
|
||||
-webkit-box-shadow: inset 0 0 0 10px #fff;
|
||||
box-shadow: inset 0 0 0 10px #fff;
|
||||
border-color: rgb(165, 173, 186); }
|
||||
.u-checkbox.is-checked .u-checkbox-label:after {
|
||||
color: rgb(245, 60, 50);
|
||||
content: "\e658";
|
||||
line-height: 16px;
|
||||
font-size: 12px;
|
||||
font-weight: 600; }
|
||||
.u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:before {
|
||||
-moz-box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
|
||||
-webkit-box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
|
||||
box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
|
||||
border-color: rgb(245, 60, 50); }
|
||||
.u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:after {
|
||||
color: #fff; }
|
||||
.u-checkbox .u-checkbox-label {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
padding-left: 25px;
|
||||
line-height: 16px;
|
||||
color: #212121; }
|
||||
.u-checkbox .u-checkbox-label:before {
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid rgb(165, 173, 186);
|
||||
background-color: #fff;
|
||||
content: '';
|
||||
font-family: 'uf';
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
text-align: center;
|
||||
position: absolute; }
|
||||
.u-checkbox .u-checkbox-label:after {
|
||||
content: '';
|
||||
font-family: 'uf';
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
text-align: center;
|
||||
position: absolute; }
|
||||
.u-checkbox.disabled .u-checkbox-label {
|
||||
cursor: not-allowed;
|
||||
color: #909090; }
|
||||
.u-checkbox.disabled .u-checkbox-label:before {
|
||||
border-color: #DFE1E6;
|
||||
color: #909090; }
|
||||
.u-checkbox.disabled .u-checkbox-label:after {
|
||||
color: #c1c7d0; }
|
||||
|
||||
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px #fff;
|
||||
border-color: rgb(165, 173, 186); }
|
||||
|
||||
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {
|
||||
color: rgb(245, 60, 50);
|
||||
content: "\e6ce";
|
||||
line-height: 16px;
|
||||
font-size: 12px;
|
||||
font-weight: 600; }
|
||||
|
||||
.u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:before {
|
||||
-moz-box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
|
||||
-webkit-box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
|
||||
box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
|
||||
border-color: rgb(245, 60, 50); }
|
||||
|
||||
.u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:after {
|
||||
color: #fff; }
|
||||
|
||||
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {
|
||||
-moz-box-shadow: inset 0 0 0 10px #fff;
|
||||
-webkit-box-shadow: inset 0 0 0 10px #fff;
|
||||
box-shadow: inset 0 0 0 10px #fff;
|
||||
border-color: rgb(165, 173, 186); }
|
||||
|
||||
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:after {
|
||||
color: rgb(76,175,80); }
|
||||
|
||||
.u-checkbox.u-checkbox-success input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(76,175,80); }
|
||||
|
||||
.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before {
|
||||
-moz-box-shadow: inset 0 0 0 10px #fff;
|
||||
-webkit-box-shadow: inset 0 0 0 10px #fff;
|
||||
box-shadow: inset 0 0 0 10px #fff;
|
||||
border-color: rgb(165, 173, 186); }
|
||||
|
||||
.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:after {
|
||||
color: rgb(255,152,0); }
|
||||
|
||||
.u-checkbox.u-checkbox-warning input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(255,152,0); }
|
||||
|
||||
.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before {
|
||||
-moz-box-shadow: inset 0 0 0 10px #fff;
|
||||
-webkit-box-shadow: inset 0 0 0 10px #fff;
|
||||
box-shadow: inset 0 0 0 10px #fff;
|
||||
border-color: rgb(165, 173, 186); }
|
||||
|
||||
.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:after {
|
||||
color: rgb(244,67,54); }
|
||||
|
||||
.u-checkbox.u-checkbox-danger input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(244,67,54); }
|
||||
|
||||
.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before {
|
||||
-moz-box-shadow: inset 0 0 0 10px #fff;
|
||||
-webkit-box-shadow: inset 0 0 0 10px #fff;
|
||||
box-shadow: inset 0 0 0 10px #fff;
|
||||
border-color: rgb(165, 173, 186); }
|
||||
|
||||
.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:after {
|
||||
color: rgb(97,97,97); }
|
||||
|
||||
.u-checkbox.u-checkbox-dark input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(97,97,97); }
|
||||
|
||||
.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before {
|
||||
-moz-box-shadow: inset 0 0 0 10px #fff;
|
||||
-webkit-box-shadow: inset 0 0 0 10px #fff;
|
||||
box-shadow: inset 0 0 0 10px #fff;
|
||||
border-color: rgb(165, 173, 186); }
|
||||
|
||||
.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:after {
|
||||
color: rgb(0,188,212); }
|
||||
|
||||
.u-checkbox.u-checkbox-info input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(0,188,212); }
|
||||
|
||||
.u-tree {
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
|
|
@ -179,22 +13,24 @@
|
|||
display: inline-block;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
vertical-align: middle; }
|
||||
vertical-align: middle;
|
||||
height: 16px; }
|
||||
.u-tree .u-tree-checkbox-inner {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1px solid rgb(165, 173, 186);
|
||||
border-radius: 3px;
|
||||
background-color: #fff;
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s; }
|
||||
transition: all .3s;
|
||||
box-sizing: border-box; }
|
||||
.u-tree .u-tree-checkbox-disabled .u-tree-checkbox-inner {
|
||||
border-color: rgb(165, 173, 186);
|
||||
background-color: #f3f3f3; }
|
||||
border-color: #dfe1e6;
|
||||
background-color: #fff; }
|
||||
.u-tree .u-tree-checkbox-indeterminate .u-tree-checkbox-inner:after {
|
||||
content: ' ';
|
||||
-webkit-transform: scale(1);
|
||||
|
|
@ -208,11 +44,11 @@
|
|||
.u-tree .u-tree-checkbox-disabled.u-tree-checkbox-checked .u-tree-checkbox-inner:after {
|
||||
-webkit-animation-name: none;
|
||||
animation-name: none;
|
||||
border-color: #ccc; }
|
||||
border-color: #c1c7d0; }
|
||||
.u-tree .u-tree-checkbox-disabled .u-tree-checkbox-inner:after {
|
||||
-webkit-animation-name: none;
|
||||
animation-name: none;
|
||||
border-color: #f3f3f3; }
|
||||
border-color: #c1c7d0; }
|
||||
.u-tree .u-tree-checkbox-checked .u-tree-checkbox-inner:after {
|
||||
-webkit-transform: rotate(45deg) scale(1);
|
||||
-ms-transform: rotate(45deg) scale(1);
|
||||
|
|
@ -280,7 +116,7 @@
|
|||
padding: 0 0 0 18px; }
|
||||
.u-tree li a {
|
||||
display: inline-block;
|
||||
padding: 2px 5px;
|
||||
padding: 3px 4px;
|
||||
border-radius: 2px;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
|
|
@ -302,9 +138,9 @@
|
|||
.u-tree li span.u-tree-switcher,
|
||||
.u-tree li span.u-tree-iconEle {
|
||||
margin: 0;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
border: 0 none;
|
||||
|
|
@ -352,6 +188,7 @@
|
|||
position: absolute;
|
||||
top: 0;
|
||||
right: 0px;
|
||||
left: 0;
|
||||
color: #666;
|
||||
-webkit-transition: -webkit-transform .3s ease;
|
||||
transition: -webkit-transform .3s ease;
|
||||
|
|
|
|||
|
|
@ -4,7 +4,9 @@
|
|||
}
|
||||
.edit-icon {
|
||||
float:right;
|
||||
font-size: 14px;
|
||||
font-size: 16px;
|
||||
height: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.title-con {
|
||||
min-width: 150px;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,154 +1,6 @@
|
|||
@charset "UTF-8";
|
||||
/* FormGroup */
|
||||
/* Navlayout */
|
||||
/* FormGroup */
|
||||
/* Navlayout */
|
||||
.u-checkbox {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin: 0 8px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
position: relative;
|
||||
line-height: 1;
|
||||
vertical-align: middle; }
|
||||
.u-checkbox input[type='checkbox'] {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
.u-checkbox input[disabled] {
|
||||
cursor: not-allowed; }
|
||||
.u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(245, 60, 50); }
|
||||
.u-checkbox.is-checked .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px #fff;
|
||||
border-color: rgb(165, 173, 186); }
|
||||
.u-checkbox.is-checked .u-checkbox-label:after {
|
||||
color: rgb(245, 60, 50);
|
||||
content: "\e658";
|
||||
line-height: 16px;
|
||||
font-size: 12px;
|
||||
font-weight: 600; }
|
||||
.u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
|
||||
border-color: rgb(245, 60, 50); }
|
||||
.u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:after {
|
||||
color: #fff; }
|
||||
.u-checkbox .u-checkbox-label {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
padding-left: 25px;
|
||||
line-height: 16px;
|
||||
color: #212121; }
|
||||
.u-checkbox .u-checkbox-label:before {
|
||||
border-radius: 3px;
|
||||
border: 1px solid rgb(165, 173, 186);
|
||||
background-color: #fff;
|
||||
content: '';
|
||||
font-family: 'uf';
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
text-align: center;
|
||||
position: absolute; }
|
||||
.u-checkbox .u-checkbox-label:after {
|
||||
content: '';
|
||||
font-family: 'uf';
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
text-align: center;
|
||||
position: absolute; }
|
||||
.u-checkbox.disabled .u-checkbox-label {
|
||||
cursor: not-allowed;
|
||||
color: #909090; }
|
||||
.u-checkbox.disabled .u-checkbox-label:before {
|
||||
border-color: #DFE1E6;
|
||||
color: #909090; }
|
||||
.u-checkbox.disabled .u-checkbox-label:after {
|
||||
color: #c1c7d0; }
|
||||
|
||||
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px #fff;
|
||||
border-color: rgb(165, 173, 186); }
|
||||
|
||||
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {
|
||||
color: rgb(245, 60, 50);
|
||||
content: "\e6ce";
|
||||
line-height: 16px;
|
||||
font-size: 12px;
|
||||
font-weight: 600; }
|
||||
|
||||
.u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
|
||||
border-color: rgb(245, 60, 50); }
|
||||
|
||||
.u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:after {
|
||||
color: #fff; }
|
||||
|
||||
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px #fff;
|
||||
border-color: rgb(165, 173, 186); }
|
||||
|
||||
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:after {
|
||||
color: rgb(76,175,80); }
|
||||
|
||||
.u-checkbox.u-checkbox-success input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(76,175,80); }
|
||||
|
||||
.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px #fff;
|
||||
border-color: rgb(165, 173, 186); }
|
||||
|
||||
.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:after {
|
||||
color: rgb(255,152,0); }
|
||||
|
||||
.u-checkbox.u-checkbox-warning input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(255,152,0); }
|
||||
|
||||
.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px #fff;
|
||||
border-color: rgb(165, 173, 186); }
|
||||
|
||||
.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:after {
|
||||
color: rgb(244,67,54); }
|
||||
|
||||
.u-checkbox.u-checkbox-danger input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(244,67,54); }
|
||||
|
||||
.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px #fff;
|
||||
border-color: rgb(165, 173, 186); }
|
||||
|
||||
.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:after {
|
||||
color: rgb(97,97,97); }
|
||||
|
||||
.u-checkbox.u-checkbox-dark input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(97,97,97); }
|
||||
|
||||
.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before {
|
||||
box-shadow: inset 0 0 0 10px #fff;
|
||||
border-color: rgb(165, 173, 186); }
|
||||
|
||||
.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:after {
|
||||
color: rgb(0,188,212); }
|
||||
|
||||
.u-checkbox.u-checkbox-info input[type='checkbox']:focus + .u-checkbox-label:before {
|
||||
border-color: rgb(0,188,212); }
|
||||
|
||||
.u-tree {
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
|
|
@ -161,21 +13,23 @@
|
|||
display: inline-block;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
vertical-align: middle; }
|
||||
vertical-align: middle;
|
||||
height: 16px; }
|
||||
.u-tree .u-tree-checkbox-inner {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1px solid rgb(165, 173, 186);
|
||||
border-radius: 3px;
|
||||
background-color: #fff;
|
||||
transition: all .3s; }
|
||||
transition: all .3s;
|
||||
box-sizing: border-box; }
|
||||
.u-tree .u-tree-checkbox-disabled .u-tree-checkbox-inner {
|
||||
border-color: rgb(165, 173, 186);
|
||||
background-color: #f3f3f3; }
|
||||
border-color: #dfe1e6;
|
||||
background-color: #fff; }
|
||||
.u-tree .u-tree-checkbox-indeterminate .u-tree-checkbox-inner:after {
|
||||
content: ' ';
|
||||
transform: scale(1);
|
||||
|
|
@ -186,10 +40,10 @@
|
|||
height: 1px; }
|
||||
.u-tree .u-tree-checkbox-disabled.u-tree-checkbox-checked .u-tree-checkbox-inner:after {
|
||||
animation-name: none;
|
||||
border-color: #ccc; }
|
||||
border-color: #c1c7d0; }
|
||||
.u-tree .u-tree-checkbox-disabled .u-tree-checkbox-inner:after {
|
||||
animation-name: none;
|
||||
border-color: #f3f3f3; }
|
||||
border-color: #c1c7d0; }
|
||||
.u-tree .u-tree-checkbox-checked .u-tree-checkbox-inner:after {
|
||||
transform: rotate(45deg) scale(1);
|
||||
position: absolute;
|
||||
|
|
@ -251,7 +105,7 @@
|
|||
padding: 0 0 0 18px; }
|
||||
.u-tree li a {
|
||||
display: inline-block;
|
||||
padding: 2px 5px;
|
||||
padding: 3px 4px;
|
||||
border-radius: 2px;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
|
|
@ -272,9 +126,9 @@
|
|||
.u-tree li span.u-tree-switcher,
|
||||
.u-tree li span.u-tree-iconEle {
|
||||
margin: 0;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
border: 0 none;
|
||||
|
|
@ -320,6 +174,7 @@
|
|||
position: absolute;
|
||||
top: 0;
|
||||
right: 0px;
|
||||
left: 0;
|
||||
color: #666;
|
||||
transition: transform .3s ease; }
|
||||
.u-tree .u-tree-child-tree {
|
||||
|
|
@ -444,7 +299,9 @@
|
|||
|
||||
.edit-icon {
|
||||
float: right;
|
||||
font-size: 14px; }
|
||||
font-size: 16px;
|
||||
height: 16px;
|
||||
line-height: 20px; }
|
||||
|
||||
.title-con {
|
||||
min-width: 150px; }
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
|
|
@ -1,6 +1,6 @@
|
|||
@import "../node_modules/tinper-bee-core/scss/minxin-variables";
|
||||
@import "../node_modules/tinper-bee-core/scss/minxin-mixins";
|
||||
@import "../node_modules/bee-checkbox/src/Checkbox";
|
||||
// @import "../node_modules/bee-checkbox/src/Checkbox";
|
||||
// $loading: url('./assets/img/tree-loading.gif');
|
||||
$loading:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7');
|
||||
|
||||
|
|
@ -22,6 +22,7 @@ $treePrefixCls : "u-tree";
|
|||
line-height: 1;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
height: 16px;
|
||||
}
|
||||
.u-tree-checkbox-checked .u-tree-checkbox-inner, .u-tree-checkbox-indeterminate .u-tree-checkbox-inner {
|
||||
// background-color: $tree-checkbox-color;
|
||||
|
|
@ -32,21 +33,22 @@ $treePrefixCls : "u-tree";
|
|||
top: 0;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1px solid $border-color-base;
|
||||
border-radius: 3px;
|
||||
background-color: #fff;
|
||||
-webkit-transition: all .3s;
|
||||
transition: all .3s;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.u-tree-checkbox-checked .u-tree-checkbox-inner, .u-tree-checkbox-indeterminate .u-tree-checkbox-inner {
|
||||
// background-color: $tree-checkbox-color;
|
||||
// border-color: $tree-checkbox-color;
|
||||
}
|
||||
.u-tree-checkbox-disabled .u-tree-checkbox-inner {
|
||||
border-color: $border-color-base;
|
||||
background-color: #f3f3f3;
|
||||
border-color: #dfe1e6;
|
||||
background-color: #fff;
|
||||
}
|
||||
.u-tree-checkbox-indeterminate .u-tree-checkbox-inner:after {
|
||||
content: ' ';
|
||||
|
|
@ -62,12 +64,12 @@ $treePrefixCls : "u-tree";
|
|||
.u-tree-checkbox-disabled.u-tree-checkbox-checked .u-tree-checkbox-inner:after {
|
||||
-webkit-animation-name: none;
|
||||
animation-name: none;
|
||||
border-color: #ccc;
|
||||
border-color: #c1c7d0;
|
||||
}
|
||||
.u-tree-checkbox-disabled .u-tree-checkbox-inner:after {
|
||||
-webkit-animation-name: none;
|
||||
animation-name: none;
|
||||
border-color: #f3f3f3;
|
||||
border-color: #c1c7d0;
|
||||
}
|
||||
.u-tree-checkbox-checked .u-tree-checkbox-inner:after {
|
||||
-webkit-transform: rotate(45deg) scale(1);
|
||||
|
|
@ -150,7 +152,7 @@ $treePrefixCls : "u-tree";
|
|||
}
|
||||
li a {
|
||||
display: inline-block;
|
||||
padding: 2px 5px;
|
||||
padding: 3px 4px;
|
||||
border-radius: 2px;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
|
|
@ -180,9 +182,9 @@ $treePrefixCls : "u-tree";
|
|||
li span.u-tree-switcher,
|
||||
li span.u-tree-iconEle {
|
||||
margin: 0;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
border: 0 none;
|
||||
|
|
@ -241,6 +243,7 @@ $treePrefixCls : "u-tree";
|
|||
top: 0;
|
||||
// right: 4px;
|
||||
right: 0px;
|
||||
left: 0;
|
||||
color: #666;
|
||||
-webkit-transition: -webkit-transform .3s ease;
|
||||
transition: -webkit-transform .3s ease;
|
||||
|
|
|
|||
Loading…
Reference in New Issue