工程树样式修改

TreeWish

2023-02-16 a2407baadbec12c7223b99e62984b3433f6a9934

工程树样式修改

 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;
    }