From 6b6a7ada79d1ff24dd165716976d0ad8fc94b3b2 Mon Sep 17 00:00:00 2001
From: weichengwu <wuvcen@gmail.com>
Date: Thu, 27 Nov 2025 16:47:56 +0800
Subject: [PATCH] refactor: improve signature component resize handling

---
 src/pages/signature/index.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/pages/signature/index.vue b/src/pages/signature/index.vue
index 2967e4f..5a76a55 100644
--- a/src/pages/signature/index.vue
+++ b/src/pages/signature/index.vue
@@ -57,7 +57,7 @@
   </div>
 </template>
 <script setup>
-import { ref, onMounted, computed, onUnmounted, watch } from "vue";
+import { ref, onMounted, computed, onUnmounted, watch, nextTick } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { Local } from "@/utils/storage.js";
 import { receiveCode } from "@/api/index.js";
@@ -126,6 +126,10 @@ function getSignatureHeight() {
       );
       if (content) {
         content.style.height = `${signatureHeight}px`;
+        nextTick(() => {
+          var _a;
+          (_a = vanSignatureRef.value) == null ? void 0 : _a.resize();
+        });
       }
     }
   }, 100);
@@ -201,6 +205,10 @@ function updateGridSize() {
   size = Math.min(size, availableWidth);
   gridSize.value = size;
 }
+function handleResize() {
+  updateGridSize();
+  getSignatureHeight();
+}
 onMounted(() => {
   // 组件挂载后获取高度
   setTimeout(() => {
@@ -216,10 +224,10 @@ onMounted(() => {
       receiveName.value = marriageInfo.receiveName;
     }
   }
-  window.addEventListener("resize", updateGridSize);
+  window.addEventListener("resize", handleResize);
 });
 onUnmounted(() => {
-  window.removeEventListener("resize", updateGridSize);
+  window.removeEventListener("resize", handleResize);
 });
 watch(nameChars, () => {
   updateGridSize();