From 3b7d1ed8e948ec4b21bcf7802e6a538cd9e19417 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Mon, 03 Nov 2025 14:22:37 +0800
Subject: [PATCH] feat:样式调整
---
src/views/layerManagement/components/leftList.vue | 27 +++++++++++----------------
1 files changed, 11 insertions(+), 16 deletions(-)
diff --git a/src/views/layerManagement/components/leftList.vue b/src/views/layerManagement/components/leftList.vue
index a47fe6f..9376d98 100644
--- a/src/views/layerManagement/components/leftList.vue
+++ b/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 时的颜色
}
--
Gitblit v1.9.3