Browse Source

KERNEL-13232 feat: 复选树的连接线之类的不再用图片了

es6
zsmj 2 years ago
parent
commit
fe5478e484
  1. 24
      src/less/base/tree/ztree.less
  2. 52
      src/less/resource/background.less

24
src/less/base/tree/ztree.less

@ -190,6 +190,30 @@
}
}
.ztree.solid li span.button.bottom_docu {
background: none;
position: relative;
&:before {
position: absolute;
top: 0;
left: -1px;
width: 50%;
height: 50%;
border-right: 1px solid @border-color-dark-gray-line;
content: '';
}
&:after {
position: absolute;
top: 0;
right: 1px;
height: 50%;
width: 50%;
border-bottom: 1px solid @border-color-dark-gray-line;
content: '';
}
}
.ztree li span.button.chk {
position: relative;

52
src/less/resource/background.less

@ -43,6 +43,7 @@
.ztree li span.button.root_open {
.image2xPath(@icon-tree-expand-type1-theme-dark);
}
.ztree.solid li span.button.root_open {
.image2xPath(@icon-tree-solid-expand-type1-theme-dark);
}
@ -60,6 +61,7 @@
.ztree li span.button.root_close {
.image2xPath(@icon-tree-collapse-type1-theme-dark);
}
.ztree.solid li span.button.root_close {
.image2xPath(@icon-tree-solid-collapse-type1-theme-dark);
}
@ -70,15 +72,16 @@
}
.ztree.solid li span.button.roots_open {
.image2xPath(@icon-tree-solid-expand-type2);
.image2xPath(@icon-tree-solid-expand-type1);
}
.bi-theme-dark {
.ztree li span.button.roots_open {
.image2xPath(@icon-tree-expand-type2-theme-dark);
}
.ztree.solid li span.button.roots_open {
.image2xPath(@icon-tree-solid-expand-type2-theme-dark);
.image2xPath(@icon-tree-solid-expand-type1-theme-dark);
}
}
@ -87,15 +90,16 @@
}
.ztree.solid li span.button.roots_close {
.image2xPath(@icon-tree-solid-collapse-type2);
.image2xPath(@icon-tree-solid-collapse-type1);
}
.bi-theme-dark {
.ztree li span.button.roots_close {
.image2xPath(@icon-tree-collapse-type2-theme-dark);
}
.ztree.solid li span.button.roots_close {
.image2xPath(@icon-tree-solid-collapse-type2-theme-dark);
.image2xPath(@icon-tree-solid-collapse-type1-theme-dark);
}
}
@ -104,15 +108,16 @@
}
.ztree.solid li span.button.center_open {
.image2xPath(@icon-tree-solid-expand-type3);
.image2xPath(@icon-tree-solid-expand-type1);
}
.bi-theme-dark {
.ztree li span.button.center_open {
.image2xPath(@icon-tree-expand-type3-theme-dark);
}
.ztree.solid li span.button.center_open {
.image2xPath(@icon-tree-solid-expand-type3-theme-dark);
.image2xPath(@icon-tree-solid-expand-type1-theme-dark);
}
}
@ -121,15 +126,16 @@
}
.ztree.solid li span.button.center_close {
.image2xPath(@icon-tree-solid-collapse-type3);
.image2xPath(@icon-tree-solid-collapse-type1);
}
.bi-theme-dark {
.ztree li span.button.center_close {
.image2xPath(@icon-tree-collapse-type3-theme-dark);
}
.ztree.solid li span.button.center_close {
.image2xPath(@icon-tree-solid-collapse-type3-theme-dark);
.image2xPath(@icon-tree-solid-collapse-type1-theme-dark);
}
}
@ -138,15 +144,16 @@
}
.ztree.solid li span.button.bottom_open {
.image2xPath(@icon-tree-solid-expand-type4);
.image2xPath(@icon-tree-solid-expand-type1);
}
.bi-theme-dark {
.ztree li span.button.bottom_open {
.image2xPath(@icon-tree-expand-type4-theme-dark);
}
.ztree.solid li span.button.bottom_open {
.image2xPath(@icon-tree-solid-expand-type4-theme-dark);
.image2xPath(@icon-tree-solid-expand-type1-theme-dark);
}
}
@ -155,15 +162,16 @@
}
.ztree.solid li span.button.bottom_close {
.image2xPath(@icon-tree-solid-collapse-type4);
.image2xPath(@icon-tree-solid-collapse-type1);
}
.bi-theme-dark {
.ztree li span.button.bottom_close {
.image2xPath(@icon-tree-collapse-type4-theme-dark);
}
.ztree.solid li span.button.bottom_close {
.image2xPath(@icon-tree-solid-collapse-type4-theme-dark);
.image2xPath(@icon-tree-solid-collapse-type1-theme-dark);
}
}
@ -179,6 +187,7 @@
.ztree li span.button.roots_docu {
.image2xPath(@icon-tree-vertical-line-2-theme-dark);
}
.ztree.solid li span.button.roots_docu {
.image2xPath(@icon-tree-solid-vertical-line-2-theme-dark);
}
@ -196,6 +205,7 @@
.ztree li span.button.center_docu {
.image2xPath(@icon-tree-vertical-line-3-theme-dark);
}
.ztree.solid li span.button.center_docu {
.image2xPath(@icon-tree-solid-vertical-line-3-theme-dark);
}
@ -205,14 +215,12 @@
.image2xPath(@icon-tree-vertical-line-4);
}
.ztree.solid li span.button.bottom_docu {
.image2xPath(@icon-tree-solid-vertical-line-4);
}
.bi-theme-dark {
.ztree li span.button.bottom_docu {
.image2xPath(@icon-tree-vertical-line-4-theme-dark);
}
.ztree.solid li span.button.bottom_docu {
.image2xPath(@icon-tree-solid-vertical-line-4-theme-dark);
}
@ -335,43 +343,43 @@
}
.auto-color-background {
&.hack{
&.hack {
.imagePath(@background-auto-color);
}
}
.auto-color-normal-background {
&.hack{
&.hack {
.imagePath(@background-auto-color-normal);
}
}
.auto-color-normal-disabled-background {
&.hack{
&.hack {
.imagePath(@background-auto-color-disabled);
}
}
.auto-color-square-normal-background {
&.hack{
&.hack {
.imagePath(@background-auto-color-square-normal);
}
}
.auto-color-no-square-normal-background {
&.hack{
&.hack {
.imagePath(@background-auto-color-no-square-normal);
}
}
.trans-color-background {
&.hack{
&.hack {
.imagePath(@background-trans-color);
}
}
.trans-color-disabled-background {
&.hack{
&.hack {
.imagePath(@background-trans-color-disabled);
}
}

Loading…
Cancel
Save