feat:样式调整

张含笑

2025-11-03 3b7d1ed8e948ec4b21bcf7802e6a538cd9e19417

feat:样式调整

 src/views/layerManagement/components/leftList.vue

@@ -70,11 +70,11 @@
            <div class="tree-node-actions">
              <el-button
                link
                icon="el-icon-location"
               
                @click.stop="handleLocation(node)"
              ></el-button>
              <el-button icon="el-icon-edit" link @click.stop="handleEdit(node)"></el-button>
              <el-button icon="el-icon-delete" link @click.stop="handleDelete(node)"></el-button>
              >定位</el-button>
              <el-button link @click.stop="handleEdit(node)">编辑</el-button>
              <el-button link @click.stop="handleDelete(node)">删除</el-button>
            </div>
          </div>
        </template>
@@ -422,16 +422,10 @@
  }
}
.tableListBox {
  //:deep(.el-tree-node__content) {
  //  // 奇数行背景色
  //  &:nth-child(odd) {
  //    background-color: rgba(13, 43, 56, 0.5) !important;
  //  }
  //  // 偶数行背景色
  //  &:nth-child(even) {
  //    background-color: rgba(30, 45, 81, 0.5) !important;
  //  }
  //}
  :deep(.el-tree-node__content) {
  height: 38px !important;
  line-height: 38px !important;
  }
  overflow-y: scroll;
  height: 0;
  flex-grow: 1;
@@ -457,10 +451,11 @@

  .tree-node-actions {
    display: flex;
    gap: 8px; // 按钮之间的间距
    // gap: 8px; // 按钮之间的间距
    button {
      padding: 0; // 清除默认内边距
      color: #fff; // 按钮图标颜色
      // color: #fff; // 按钮图标颜色
       color: #409eff;
      &:hover {
        color: #409eff; //  hover 时的颜色
      }