fix: nanobanana 优化

This commit is contained in:
old burden 2026-04-23 17:14:47 +08:00
parent b9ce1dd410
commit bf9e320817
1 changed files with 31 additions and 3 deletions

View File

@ -71,7 +71,10 @@
<div class="nano-options"> <div class="nano-options">
<div class="nano-row"> <div class="nano-row">
<div class="nano-label">{{ $t('common.aspectRatioLabel') }}</div> <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="auto">auto</a-select-option>
<a-select-option value="1:1">1:1</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> <a-select-option value="1:4">1:4</a-select-option>
@ -94,7 +97,10 @@
{{ $t('common.resolutionLabel') }} {{ $t('common.resolutionLabel') }}
<span v-if="current === 2" class="required-star">*</span> <span v-if="current === 2" class="required-star">*</span>
</div> </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="1K">1K</a-select-option>
<a-select-option value="2K">2K</a-select-option> <a-select-option value="2K">2K</a-select-option>
<a-select-option value="4K">4K</a-select-option> <a-select-option value="4K">4K</a-select-option>
@ -102,7 +108,10 @@
</div> </div>
<div class="nano-row"> <div class="nano-row">
<div class="nano-label">输出格式</div> <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="png">png</a-select-option>
<a-select-option value="jpg">jpg</a-select-option> <a-select-option value="jpg">jpg</a-select-option>
</a-select> </a-select>
@ -878,3 +887,22 @@ export default {
} }
} }
</style> </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>