From 717110a0619a9ad5d724b81c41a2b0d6f720d0b1 Mon Sep 17 00:00:00 2001
From: zzp <34701892@qq.com>
Date: Sun, 30 Nov 2025 10:51:05 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E8=A1=A8=E6=A0=BC=E7=BB=84=E4=BB=B6):=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=87=AA=E5=AE=9A=E4=B9=89=E5=B1=95=E5=BC=80?=
 =?UTF-8?q?/=E6=8A=98=E5=8F=A0=E5=9B=BE=E6=A0=87=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

隐藏默认展开/折叠图标并替换为自定义图片资源
---
 src/assets/packup_icon.png               | Bin 0 -> 187 bytes
 src/assets/unfold_icon.png               | Bin 0 -> 156 bytes
 src/components/tableComponents/index.vue |  32 +++++++++++++++++++++++
 3 files changed, 32 insertions(+)
 create mode 100644 src/assets/packup_icon.png
 create mode 100644 src/assets/unfold_icon.png

diff --git a/src/assets/packup_icon.png b/src/assets/packup_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a43815569149c78849cfcef6a1eed601e7339b22
GIT binary patch
literal 187
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0y_0#6smkP5~%lP+>L81T4cs~6Ap
zQS_TwddKHI*U9^hniK7AiQH3Nary3j*=Glm)7)7#k~?ieCMq4<-@!Fyk<g=k?oTop
zC;1DRmS5RfW%X$C9mYlSP)^#N{^mC)E_R%n0904kS#fo#{M=9M3=IGOFMb}h1ZX!K
c$Zlo^m5z$5>E35%0Yw-*UHx3vIVCg!03~TgyZ`_I

literal 0
HcmV?d00001

diff --git a/src/assets/unfold_icon.png b/src/assets/unfold_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..e754e62387537e3a6d504036255294fec5f45980
GIT binary patch
literal 156
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0y_Ku;IPkP5~tlf1bY6gXT?->&L<
zAtJZkEqtBGVc$c{j>iu2cb=$hWNVt4&g#*|X}a>$YJuCaf_411#*b927u~;De&*9W
zNn`PNbN4w5zPz~gfQf<O|9{<_mq|dw*+7OfGaQ{$cC|<4%u}EUgQu&X%Q~loCIAXp
BH4Fd%

literal 0
HcmV?d00001

diff --git a/src/components/tableComponents/index.vue b/src/components/tableComponents/index.vue
index 4dd1944..89d0c0a 100644
--- a/src/components/tableComponents/index.vue
+++ b/src/components/tableComponents/index.vue
@@ -163,4 +163,36 @@ defineExpose({
 :deep(.el-table__row--level-1) {
 	background-color: #f0f0f0;
 }
+
+/* 1. 隐藏默认图标 */
+:deep(.el-table__expand-icon) {
+	/* 若只隐藏图标，保留容器： */
+	&::before,
+	& .el-icon--expand::before {
+		opacity: 0 !important; /* 透明化，保留点击区域 */
+	}
+	/* 若直接隐藏容器（慎用，会丢失点击区域）： */
+	/* display: none !important; */
+}
+
+:deep(.el-table td.el-table__cell div) {
+	.el-icon {
+		opacity: 0 !important;
+	}
+}
+
+/* 2. 自定义折叠状态图标（示例：文件夹图标） */
+:deep(.el-table__expand-icon) {
+	background: url('../../assets/packup_icon.png') no-repeat center;
+	background-size: 100% 100%; /* 图标大小 */
+	cursor: pointer;
+}
+
+/* 3. 自定义展开状态图标（示例：打开的文件夹） */
+:deep(.el-table__expand-icon--expanded) {
+	background: url('../../assets/unfold_icon.png') no-repeat center;
+	background-size: 100% 100%; /* 图标大小 */
+	transform: rotate(90deg);
+	rotate: 90deg;
+}
 </style>