From 86f3ae23016cced342f1385e2ad50cc7f85fcb69 Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Sat, 25 May 2024 21:20:43 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E4=BC=98=E5=8C=96=E3=80=91AI=20image?=
 =?UTF-8?q?=20dall3=20=E8=B0=83=E6=95=B4=E6=A8=A1=E5=9E=8B=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E7=9A=84=E5=90=8D=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/image/dall3/index.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/views/ai/image/dall3/index.vue b/src/views/ai/image/dall3/index.vue
index d9ba09f8..587cfbf8 100644
--- a/src/views/ai/image/dall3/index.vue
+++ b/src/views/ai/image/dall3/index.vue
@@ -46,6 +46,7 @@
           fit="contain"
           @click="handlerModelClick(model)"
         />
+        <div class="model-font">{{model.name}}</div>
       </div>
     </el-space>
   </div>
@@ -198,13 +199,20 @@ const handlerGenerateImage = async () => {
     margin-top: 15px;
 
     .modal-item {
-      width: 90px;
-      height: 50px;
+      width: 110px;
       //outline: 1px solid blue;
       overflow: hidden;
       display: flex;
+      flex-direction: column;
+      align-items: center;
       border: 3px solid transparent;
       cursor: pointer;
+
+      .model-font {
+        font-size: 14px;
+        color: #3e3e3e;
+        font-weight: bold;
+      }
     }
 
     .selectModel {