From cc9929c71639d9ce5bce0654b34299e9a0552b46 Mon Sep 17 00:00:00 2001
From: chiyi <cyi.cc@outlook.com>
Date: Mon, 12 Oct 2026 14:26:32 +0800
Subject: [PATCH] =?UTF-8?q?fix(canvas):=20=E7=BC=A9=E6=94=BE=E7=99=BE?=
 =?UTF-8?q?=E5=88=86=E6=AF=94=E6=81=A2=E5=A4=8D=E5=8F=AA=E8=AF=BB=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA,=E5=8E=BB=E6=8E=89=E4=B8=8B=E6=8B=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/CanvasView.vue | 21 ++++++++-------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/frontend/src/views/CanvasView.vue b/frontend/src/views/CanvasView.vue
index a5c4d8d..a4cf9aa 100644
--- a/frontend/src/views/CanvasView.vue
+++ b/frontend/src/views/CanvasView.vue
@@ -55,8 +55,6 @@ const countOptions = [1, 2, 3, 4].map((n) => ({ value: n, label: `${n} 张` }))
 const canvasOptions = computed(() =>
   canvases.value.map((c) => ({ value: c.id, label: c.title || '未命名画布' })),
 )
-const zoomOptions = [20, 30, 40, 50, 60, 70, 80, 90, 100, 125, 150, 200]
-  .map((p) => ({ value: p, label: `${p}%` }))
 const maxRefs = computed(() => Math.min(8, Math.max(
   Number(model.value?.max_reference_images || 0), model.value?.image_to_image ? 1 : 0,
 )))
@@ -829,12 +827,7 @@ const saveLabel = computed(() => ({
         <button class="cv-btn" :disabled="!redoCount" title="重做 (Ctrl+Shift+Z)" @click="redo">↪</button>
         <span class="cv-sep" />
         <button class="cv-btn" title="缩小 10%" @click="stage?.zoomStep(-1)">−</button>
-        <SelectMenu
-          class="cv-dd cv-dd--zoom"
-          :model-value="Math.round(scalePct)"
-          :options="zoomOptions"
-          @update:model-value="(p) => stage?.zoomTo(p / 100)"
-        />
+        <span class="cv-zoom">{{ scalePct }}%</span>
         <button class="cv-btn" title="放大 10%" @click="stage?.zoomStep(1)">＋</button>
         <button class="cv-btn" title="重置视图 (0)" @click="stage?.setViewport({ x: 0, y: 0, scale: DEFAULT_SCALE })">⌂</button>
         <button class="cv-btn" title="适应内容 (1)" @click="stage?.fitToContent?.()">⤢</button>
@@ -1087,11 +1080,7 @@ const saveLabel = computed(() => ({
   height: 30px;
 }
 .cv-dd--zoom {
-  min-width: 74px;
-}
-.cv-dd--zoom :deep(.field) {
-  height: 30px;
-  justify-content: center;
+  display: none;
 }
 .cv-sep {
   width: 2.5px;
@@ -1105,6 +1094,12 @@ const saveLabel = computed(() => ({
   font-size: 12px;
   font-weight: 700;
   color: var(--fg);
+  min-width: 46px;
+  text-align: center;
+  background: var(--hover);
+  border: 1px solid rgb(124 92 252 / 0.35);
+  border-radius: 999px;
+  padding: 1px 8px;
 }
 .cv-save {
   font-size: 11px;