From 028d89e5fefb128c7660d07d64ac87d9e834ce4e Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Sun, 30 Jun 2024 20:48:53 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E5=9B=BE=E8=A1=A8):=20=E5=8F=98?=
 =?UTF-8?q?=E6=9B=B4=E6=96=87=E6=9C=AC=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/custom-component/scroll-text/Component.vue     | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/core/core-frontend/src/custom-component/scroll-text/Component.vue b/core/core-frontend/src/custom-component/scroll-text/Component.vue
index 967be79680..7d69057054 100644
--- a/core/core-frontend/src/custom-component/scroll-text/Component.vue
+++ b/core/core-frontend/src/custom-component/scroll-text/Component.vue
@@ -126,9 +126,9 @@ onBeforeUnmount(() => {
 const varStyle = computed(() => [
   {
     '--scroll-speed': `${
-      element.value.style.scrollSpeed === 0 || !text.value
+      element.value.style.scrollSpeed === 0 || !textOut.value
         ? 0
-        : (text.value.clientWidth * 100) /
+        : (textOut.value.clientWidth * 100) /
           canvasStyleData.value.scale /
           element.value.style.scrollSpeed
     }s`,
@@ -168,6 +168,7 @@ onMounted(() => {
     ref="textOut"
     @keydown="handleKeydown"
     @keyup="handleKeyup"
+    @dblclick="setEdit"
   >
     <div
       ref="text"
@@ -175,7 +176,6 @@ onMounted(() => {
       :class="{ 'can-edit': canEdit, 'marquee-txt': marqueeTxt }"
       tabindex="0"
       :style="textStyle"
-      @dblclick="setEdit"
       @paste="clearStyle"
       @mousedown="handleMousedown"
       @blur="handleBlur"
@@ -184,8 +184,8 @@ onMounted(() => {
       {{ element['propValue'] }}
     </div>
   </div>
-  <div v-else class="v-text preview" :style="varStyle">
-    <div class="marquee-txt" :style="textStyle">{{ element['propValue'] }}</div>
+  <div v-else class="v-text preview" ref="textOut" :style="varStyle">
+    <div class="marquee-txt" :style="textStyle" ref="text">{{ element['propValue'] }}</div>
   </div>
 </template>