From 8ba67edc18e70eb9e4b60af1139f1e92dcfce6da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=8F=E7=8A=80=E9=BA=9F?= <xiaxilin@91ybt.com>
Date: Tue, 1 Sep 2026 11:37:34 +0800
Subject: [PATCH] =?UTF-8?q?fix(image-to-ico):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E4=B8=8B=E8=BD=BD=E6=8C=89=E9=92=AE=E6=98=BE=E7=A4=BA=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91=E4=B8=8E=E9=A2=84=E8=A7=88=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 多个尺寸时显示 ZIP 下载主按钮，单个尺寸时显示 ICO 下载主按钮
- 优化预览尺寸文字样式与布局
---
 src/views/image-to-ico/ImageToIcoView.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/views/image-to-ico/ImageToIcoView.vue b/src/views/image-to-ico/ImageToIcoView.vue
index 06eaaed..12f306d 100644
--- a/src/views/image-to-ico/ImageToIcoView.vue
+++ b/src/views/image-to-ico/ImageToIcoView.vue
@@ -117,11 +117,11 @@
           </p>
         </div>
         <div class="result-actions">
-          <t-button theme="primary" @click="downloadIco">下载 ICO</t-button>
           <!-- 多个尺寸时支持把每个尺寸的单独 ICO 打包成 ZIP 一键下载 -->
-          <t-button v-if="result.singles.length > 1" variant="outline" :loading="zipping" @click="downloadAllZip">
+          <t-button v-if="result.singles.length > 1" theme="primary" :loading="zipping" @click="downloadAllZip">
             打包下载 ZIP
           </t-button>
+          <t-button v-else theme="primary" @click="downloadIco">下载 ICO</t-button>
         </div>
       </div>
 
@@ -141,7 +141,7 @@
             />
           </div>
           <div class="preview-meta">
-            <span class="preview-size">{{ p.size }}×{{ p.size }}</span>
+            <div class="preview-size">{{ p.size }}×{{ p.size }}</div>
             <div class="preview-btns">
               <t-button size="small" variant="text" theme="primary" @click="downloadPng(p)">PNG</t-button>
               <t-button size="small" variant="text" theme="primary" @click="downloadSingleIco(p.size)">ICO</t-button>
@@ -509,8 +509,9 @@ onBeforeUnmount(() => {
 }
 .preview-meta {
   display: flex;
+  flex-direction: column;
   align-items: center;
-  justify-content: space-between;
+  justify-content: center;
   margin-top: 6px;
 }
 .preview-btns {
@@ -518,7 +519,7 @@ onBeforeUnmount(() => {
   align-items: center;
 }
 .preview-size {
-  font-size: 12px;
+  font-size: 13px;
   color: var(--td-text-color-secondary);
 }
 @media (max-width: 767px) {