Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
8b118b50 by 杨威
Options

楼盘表左侧树样式调整

1 parent a361b134
Inline Side-by-side
Showing 4 changed files with 43 additions and 9 deletions
1 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1608617622644" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2129" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M682.666667 512l-341.333334-341.333333L341.333333 853.333333z" p-id="2130"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1608617633703" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2259" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M512 682.666667l341.333333-341.333334H170.666667z" p-id="2260"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
...@@ -29,8 +29,10 @@ ...@@ -29,8 +29,10 @@
29 }" 29 }"
30 :class="{ 30 :class="{
31 reTree_default_icon: item.children.length === 0, 31 reTree_default_icon: item.children.length === 0,
32 reTree_collapse_icon: item.expand && item.children.length > 0, 32 reTree_collapse_icon: !islpb && item.expand && item.children.length > 0,
33 reTree_expand_icon: !item.expand && item.children.length > 0, 33 reTree_expand_icon: !islpb && !item.expand && item.children.length > 0,
34 lpbTree_collapse_icon: islpb && item.expand && item.children.length > 0,
35 lpbTree_expand_icon: islpb && !item.expand && item.children.length > 0,
34 }" 36 }"
35 ></div> 37 ></div>
36 <div 38 <div
...@@ -60,6 +62,7 @@ ...@@ -60,6 +62,7 @@
60 <line-item 62 <line-item
61 :list="item.children" 63 :list="item.children"
62 v-on="$listeners" 64 v-on="$listeners"
65 :islpb="islpb"
63 :size="size" 66 :size="size"
64 v-if="item.expand && item.children && item.children.length > 0" 67 v-if="item.expand && item.children && item.children.length > 0"
65 ></line-item> 68 ></line-item>
...@@ -380,20 +383,20 @@ export default { ...@@ -380,20 +383,20 @@ export default {
380 background: url('../../assets/images/colline1.png'); 383 background: url('../../assets/images/colline1.png');
381 background-position-x: center; 384 background-position-x: center;
382 } 385 }
383 .reTree_collapse_icon { 386
387 .reTree_default_icon {
384 // opacity: .5; 388 // opacity: .5;
385 background: url("../../assets/images/reTree_collapse_.svg") no-repeat center 389 background: url("../../assets/images/reTree_default_.svg") no-repeat center
386 center; 390 center;
387 background-size: contain; 391 background-size: contain;
388 } 392 }
389 393
390 .reTree_default_icon { 394 .reTree_collapse_icon {
391 // opacity: .5; 395 // opacity: .5;
392 background: url("../../assets/images/reTree_default_.svg") no-repeat center 396 background: url("../../assets/images/reTree_collapse_.svg") no-repeat center
393 center; 397 center;
394 background-size: contain; 398 background-size: contain;
395 } 399 }
396
397 .reTree_expand_icon { 400 .reTree_expand_icon {
398 // opacity: .5; 401 // opacity: .5;
399 background: url("../../assets/images/reTree_expand_.svg") no-repeat center 402 background: url("../../assets/images/reTree_expand_.svg") no-repeat center
...@@ -401,6 +404,20 @@ export default { ...@@ -401,6 +404,20 @@ export default {
401 background-size: contain; 404 background-size: contain;
402 } 405 }
403 406
407 .lpbTree_collapse_icon {
408 // opacity: .5;
409 background: url("../../assets/images/lpbTree_expand_.svg") no-repeat center
410 center;
411 background-size: contain;
412 }
413 .lpbTree_expand_icon {
414 // opacity: .5;
415 background: url("../../assets/images/lpbTree_collapse_.svg") no-repeat center
416 center;
417 background-size: contain;
418 }
419
420
404 .reTree_focus_icon { 421 .reTree_focus_icon {
405 // opacity: .5; 422 // opacity: .5;
406 background: url("../../assets/images/reTree_focus_.svg") no-repeat center 423 background: url("../../assets/images/reTree_focus_.svg") no-repeat center
......
...@@ -24,8 +24,10 @@ ...@@ -24,8 +24,10 @@
24 }" 24 }"
25 :class="{ 25 :class="{
26 reTree_default_icon: item.children.length === 0, 26 reTree_default_icon: item.children.length === 0,
27 reTree_collapse_icon: item.expand && item.children.length > 0, 27 reTree_collapse_icon: !islpb && item.expand && item.children.length > 0,
28 reTree_expand_icon: !item.expand && item.children.length > 0, 28 reTree_expand_icon: !islpb && !item.expand && item.children.length > 0,
29 lpbTree_collapse_icon: islpb && item.expand && item.children.length > 0,
30 lpbTree_expand_icon: islpb && !item.expand && item.children.length > 0,
29 }" 31 }"
30 ></div> 32 ></div>
31 <div class="layer_text nowrap" @contextmenu.prevent="openMenu($event, item)">{{ item.mc }}</div> 33 <div class="layer_text nowrap" @contextmenu.prevent="openMenu($event, item)">{{ item.mc }}</div>
...@@ -772,6 +774,19 @@ export default { ...@@ -772,6 +774,19 @@ export default {
772 background-size: contain; 774 background-size: contain;
773 } 775 }
774 776
777 .lpbTree_collapse_icon {
778 // opacity: .5;
779 background: url("../../assets/images/lpbTree_expand_.svg") no-repeat center
780 center;
781 background-size: contain;
782 }
783 .lpbTree_expand_icon {
784 // opacity: .5;
785 background: url("../../assets/images/lpbTree_collapse_.svg") no-repeat center
786 center;
787 background-size: contain;
788 }
789
775 .reTree_focus_icon { 790 .reTree_focus_icon {
776 background: url("../../assets/images/reTree_focus_.svg") no-repeat center 791 background: url("../../assets/images/reTree_focus_.svg") no-repeat center
777 center; 792 center;
......