From a2407baadbec12c7223b99e62984b3433f6a9934 Mon Sep 17 00:00:00 2001
From: TreeWish <1131093754@qq.com>
Date: 星期四, 16 二月 2023 11:08:19 +0800
Subject: [PATCH] 工程树样式修改
---
src/components/Screen/ProjectTree.vue | 25 ++++++++++++++++++++++---
1 files changed, 22 insertions(+), 3 deletions(-)
diff --git a/src/components/Screen/ProjectTree.vue b/src/components/Screen/ProjectTree.vue
index df592f5..d174aaa 100644
--- a/src/components/Screen/ProjectTree.vue
+++ b/src/components/Screen/ProjectTree.vue
@@ -16,7 +16,7 @@
class="custom-tree-node"
slot-scope="{ node, data }"
>
- <div style="margin-left: 0px; padding-left: 15px">
+ <div style="">
<i
v-if="data.children && data.children.length > 0"
style="color: yellow"
@@ -24,8 +24,20 @@
></i>
<i v-else style="color: skyblue" class="el-icon-folder-opened"></i>
</div>
-
+ <!-- <div style="">
+ <i
+ v-if="node.expanded && data.children && data.children.length > 0"
+ style="color: yellow"
+ class="el-icon-folder-opened"
+ ></i>
+ <i v-else style="color: skyblue" class="el-icon-folder-opened"></i>
+ </div> -->
<div
+ :style="
+ data.children && data.children.length > 0
+ ? 'padding-left: 20px'
+ : 'padding-left: 20px'
+ "
class="tree-label"
:title="node.label || '-'"
>
@@ -228,6 +240,14 @@
<style lang="scss">
.leftContainer {
.project_tree {
+ .el-tree-node__content {
+ margin-left: 20px;
+ }
+
+ .el-tree .el-tree-node .is-leaf {
+ margin-left: -14px;
+ }
+
.el-tree-node__content > label.el-checkbox {
margin-right: -30px;
}
@@ -243,7 +263,6 @@
// visibility: hidden;
}
.tree-label {
- padding-left: 10px;
font-size: 16px;
color: #fff;
}
--
Gitblit v1.9.3