You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
2.9 KiB
89 lines
2.9 KiB
9 years ago
|
@treePrefixCls: rc-tree;
|
||
|
|
|
||
|
|
.@{treePrefixCls} {
|
||
|
|
margin:0; padding:5px;
|
||
|
|
|
||
|
|
li {
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
list-style: none;
|
||
|
|
line-height: 14px;
|
||
|
|
white-space: nowrap;
|
||
|
|
outline: 0;
|
||
|
|
|
||
|
|
ul{ margin:0; padding:0 0 0 18px}
|
||
|
|
ul.line{
|
||
|
|
//background:url(./img/line_conn.gif) 0 0 repeat-y;
|
||
|
|
background:url(https://t.alipayobjects.com/images/T13BtfXl0mXXXXXXXX.gif) 0 0 repeat-y;
|
||
|
|
}
|
||
|
|
a {
|
||
|
|
padding:1px 3px 0 0; margin:0;
|
||
|
|
cursor:pointer; height:17px;
|
||
|
|
background-color: transparent;
|
||
|
|
text-decoration:none;
|
||
|
|
vertical-align:top; display: inline-block
|
||
|
|
}
|
||
|
|
span {line-height:16px; margin-right:2px}
|
||
|
|
span.button {
|
||
|
|
line-height:0; margin:0; width:16px; height:16px;
|
||
|
|
display: inline-block; vertical-align:middle;
|
||
|
|
border:0 none; cursor: pointer;outline:none;
|
||
|
|
background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
|
||
|
|
//background-image:url("./img/zTreeStandard.png");
|
||
|
|
background-image:url("https://t.alipayobjects.com/images/T1.ANfXhXtXXXXXXXX.png");
|
||
|
|
}
|
||
|
|
span.button.roots_open { background-position: -92px 0; }
|
||
|
|
span.button.roots_close{background-position:-74px 0}
|
||
|
|
span.button.center_open{background-position:-92px -18px}
|
||
|
|
span.button.center_close{background-position:-74px -18px}
|
||
|
|
span.button.bottom_open{background-position:-92px -36px}
|
||
|
|
span.button.bottom_close{background-position:-74px -36px}
|
||
|
|
|
||
|
|
span.button.center_docu{background-position:-56px -18px}
|
||
|
|
span.button.bottom_docu{background-position:-56px -36px}
|
||
|
|
|
||
|
|
span.button.chk {
|
||
|
|
width: 13px; height: 13px;
|
||
|
|
margin: 0 3px 0 0;
|
||
|
|
cursor: auto;
|
||
|
|
}
|
||
|
|
span.button.chk.checkbox_false_full {background-position:0 0}
|
||
|
|
span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
|
||
|
|
span.button.chk.checkbox_false_part {background-position:0 -28px}
|
||
|
|
span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
|
||
|
|
span.button.chk.checkbox_false_disable {background-position:0 -56px}
|
||
|
|
span.button.chk.checkbox_true_full {background-position:-14px 0}
|
||
|
|
span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
|
||
|
|
span.button.chk.checkbox_true_part {background-position:-14px -28px}
|
||
|
|
span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
|
||
|
|
span.button.chk.checkbox_true_disable {background-position:-14px -56px}
|
||
|
|
}
|
||
|
|
|
||
|
|
&-selected{
|
||
|
|
background-color:#FFE6B0;
|
||
|
|
border:1px #FFB951 solid; opacity:0.8;
|
||
|
|
}
|
||
|
|
|
||
|
|
&-treenode-switcher {
|
||
|
|
display: inline-block;
|
||
|
|
width: 18px;
|
||
|
|
height: 18px;
|
||
|
|
}
|
||
|
|
&-icon__open {
|
||
|
|
margin-right: 2px;
|
||
|
|
background-position: -110px -16px;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
&-icon__close {
|
||
|
|
margin-right: 2px;
|
||
|
|
background-position: -110px 0;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
&-switcher__open {
|
||
|
|
//background-position: -92px 0;
|
||
|
|
}
|
||
|
|
&-switcher__close {
|
||
|
|
//background-position: -74px 0;
|
||
|
|
}
|
||
|
|
}
|