From 4949ed1c07bd13933e1273c01b3f937b1b2fe3d4 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Mon, 25 May 2026 12:31:09 +0800
Subject: [PATCH] =?UTF-8?q?fix(iot)=EF=BC=9A=E8=AE=BE=E5=A4=87=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E3=80=81=E4=BA=A7=E5=93=81=E7=AE=A1=E7=90=86=E7=9A=84?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E6=8C=89=E9=92=AE=EF=BC=8C=E9=97=B4=E9=9A=99?=
 =?UTF-8?q?=E8=BF=87=E5=A4=A7=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/iot/device/device/modules/card-view.vue    | 9 ++++++++-
 .../src/views/iot/product/product/modules/card-view.vue  | 9 ++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/apps/web-ele/src/views/iot/device/device/modules/card-view.vue b/apps/web-ele/src/views/iot/device/device/modules/card-view.vue
index 75c57c0d4..c524f41e7 100644
--- a/apps/web-ele/src/views/iot/device/device/modules/card-view.vue
+++ b/apps/web-ele/src/views/iot/device/device/modules/card-view.vue
@@ -205,7 +205,7 @@ onMounted(() => {
               </div>
             </div>
             <!-- 按钮组 -->
-            <div class="card-action-group mt-auto flex gap-2 border-t border-border pt-3">
+            <div class="mt-auto flex gap-2 border-t border-border pt-3 [&_.el-button+.el-button]:!ml-0">
               <ElButton
                 v-if="hasAccessByCodes(['iot:device:update'])"
                 size="small"
@@ -281,3 +281,10 @@ onMounted(() => {
   margin-left: 0;
 }
 </style>
+
+<style scoped>
+/* Element Plus 默认会在相邻按钮之间加 margin-left:12px，与父容器的 gap-2 叠加导致按钮间距过大，这里清掉 */
+.card-action-group :deep(.el-button + .el-button) {
+  margin-left: 0;
+}
+</style>
diff --git a/apps/web-ele/src/views/iot/product/product/modules/card-view.vue b/apps/web-ele/src/views/iot/product/product/modules/card-view.vue
index 929c9b00a..14c1fef5e 100644
--- a/apps/web-ele/src/views/iot/product/product/modules/card-view.vue
+++ b/apps/web-ele/src/views/iot/product/product/modules/card-view.vue
@@ -201,7 +201,7 @@ onMounted(() => {
               </div>
             </div>
             <!-- 按钮组 -->
-            <div class="card-action-group mt-auto flex gap-2 border-t border-border pt-3">
+            <div class="mt-auto flex gap-2 border-t border-border pt-3 [&_.el-button+.el-button]:!ml-0">
               <ElButton
                 v-if="hasAccessByCodes(['iot:product:update'])"
                 size="small"
@@ -291,3 +291,10 @@ onMounted(() => {
   margin-left: 0;
 }
 </style>
+
+<style scoped>
+/* Element Plus 默认会在相邻按钮之间加 margin-left:12px，与父容器的 gap-2 叠加导致按钮间距过大，这里清掉 */
+.card-action-group :deep(.el-button + .el-button) {
+  margin-left: 0;
+}
+</style>