From 897ecfed6debb2e75010a597d09153cfdfbce735 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Thu, 1 May 2025 09:45:19 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E3=80=90=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E3=80=91=E5=BA=97=E9=93=BA=E8=A3=85=E4=BF=AE-=E5=B9=BF?=
 =?UTF-8?q?=E5=91=8A=E9=AD=94=E6=96=B9=EF=BC=9A=E5=A4=9A=E4=B8=AA=E5=B0=8F?=
 =?UTF-8?q?=E5=9D=97=E7=9A=84=E8=BE=B9=E8=B7=9D=E5=87=8F=E5=B0=91=201=20?=
 =?UTF-8?q?=E5=80=8D=EF=BC=8C=E8=A7=86=E8=A7=89=E6=95=88=E6=9E=9C=E5=92=8C?=
 =?UTF-8?q?=20uniapp=20=E6=9B=B4=E4=B8=80=E8=87=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/mobile/MagicCube/index.vue       | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/DiyEditor/components/mobile/MagicCube/index.vue b/src/components/DiyEditor/components/mobile/MagicCube/index.vue
index 48fb6c757..0abb35388 100644
--- a/src/components/DiyEditor/components/mobile/MagicCube/index.vue
+++ b/src/components/DiyEditor/components/mobile/MagicCube/index.vue
@@ -1,16 +1,19 @@
 <template>
   <div
     class="relative"
-    :style="{ height: `${rowCount * CUBE_SIZE}px`, width: `${4 * CUBE_SIZE}px` }"
+    :style="{
+      height: `${rowCount * CUBE_SIZE}px`,
+      width: `${4 * CUBE_SIZE}px`,
+      padding: `${property.space}px`
+    }"
   >
     <div
       v-for="(item, index) in property.list"
       :key="index"
       class="absolute"
       :style="{
-        width: `${item.width * CUBE_SIZE - property.space * 2}px`,
-        height: `${item.height * CUBE_SIZE - property.space * 2}px`,
-        margin: `${property.space}px`,
+        width: `${item.width * CUBE_SIZE - property.space}px`,
+        height: `${item.height * CUBE_SIZE - property.space}px`,
         top: `${item.top * CUBE_SIZE}px`,
         left: `${item.left * CUBE_SIZE}px`
       }"
@@ -63,10 +66,10 @@ const rowCount = computed(() => {
   let count = 0
   if (props.property.list.length > 0) {
     // 最大行号
-    count = Math.max(...props.property.list.map((item) => item.bottom))
+    count = Math.max(...props.property.list.map((item) => item.top + item.height))
   }
-  // 行号从 0 开始，所以加 1
-  return count + 1
+  // 保证至少有一行
+  return count == 0 ? 1 : count
 })
 </script>