From 4ab8da591afd693071ef1575037d1f3c75fcae57 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E9=B9=8F?= <2916022834@qq.com> Date: Thu, 6 Nov 2025 13:42:34 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A1=AB=E5=85=85=E9=A2=9C=E8=89=B2=E6=9B=B4?= =?UTF-8?q?=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Canvas/CanvasEditor/components/ToolsSidebar.vue | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/component/Canvas/CanvasEditor/components/ToolsSidebar.vue b/src/component/Canvas/CanvasEditor/components/ToolsSidebar.vue index f944678a..8b0596b7 100644 --- a/src/component/Canvas/CanvasEditor/components/ToolsSidebar.vue +++ b/src/component/Canvas/CanvasEditor/components/ToolsSidebar.vue @@ -327,11 +327,14 @@ function handleKeyDown(event) { } } +const fillInputTimeout = ref(null); // 填充颜色选择器 function fillColorChange() { - layerManager.fillLayerBackground(lastSelectLayerId.value, fillColor.value, true); + clearTimeout(fillInputTimeout.value); + fillInputTimeout.value = setTimeout(() => { + layerManager.fillLayerBackground(lastSelectLayerId.value, fillColor.value, true); + }, 100); } - onMounted(() => { // 添加键盘事件监听 window.addEventListener("keydown", handleKeyDown); @@ -355,7 +358,7 @@ const handleToolClick = (tool) => { v-model="fillColor" ref="fillColorRef" type="color" - @change="fillColorChange" + @input="fillColorChange" style="width: 0; height: 0; opacity: 0" />