From bf9e3208175cf105571101ea8ae0a3ff7118b4a8 Mon Sep 17 00:00:00 2001
From: old burden <hejianbin1995@gmail.com>
Date: Thu, 23 Apr 2026 17:14:47 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=20nanobanana=20=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 portal-ui/src/views/Image.vue | 34 +++++++++++++++++++++++++++++++---
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/portal-ui/src/views/Image.vue b/portal-ui/src/views/Image.vue
index cf85951..d4a3cd7 100644
--- a/portal-ui/src/views/Image.vue
+++ b/portal-ui/src/views/Image.vue
@@ -71,7 +71,10 @@
 			<div class="nano-options">
 				<div class="nano-row">
 					<div class="nano-label">{{ $t('common.aspectRatioLabel') }}</div>
-					<a-select v-model="aspectRatio" style="width: 100%">
+					<a-select
+						v-model="aspectRatio"
+						popup-class-name="image-select-popup"
+						style="width: 100%">
 						<a-select-option value="auto">auto</a-select-option>
 						<a-select-option value="1:1">1:1</a-select-option>
 						<a-select-option value="1:4">1:4</a-select-option>
@@ -94,7 +97,10 @@
 						{{ $t('common.resolutionLabel') }}
 						<span v-if="current === 2" class="required-star">*</span>
 					</div>
-					<a-select v-model="resolution" style="width: 100%">
+					<a-select
+						v-model="resolution"
+						popup-class-name="image-select-popup"
+						style="width: 100%">
 						<a-select-option value="1K">1K</a-select-option>
 						<a-select-option value="2K">2K</a-select-option>
 						<a-select-option value="4K">4K</a-select-option>
@@ -102,7 +108,10 @@
 				</div>
 				<div class="nano-row">
 					<div class="nano-label">输出格式</div>
-					<a-select v-model="outputFormat" style="width: 100%">
+					<a-select
+						v-model="outputFormat"
+						popup-class-name="image-select-popup"
+						style="width: 100%">
 						<a-select-option value="png">png</a-select-option>
 						<a-select-option value="jpg">jpg</a-select-option>
 					</a-select>
@@ -878,3 +887,22 @@ export default {
 	}
 }
 </style>
+
+<style lang="less">
+.image-select-popup {
+	.arco-select-dropdown-list {
+		display: block !important;
+	}
+
+	.arco-select-option {
+		display: flex !important;
+		width: 100%;
+	}
+
+	.arco-select-option-content {
+		display: block;
+		width: 100%;
+		white-space: normal;
+	}
+}
+</style>