From 7230a7e06140944ffc7a75b935598e03e0e5fdac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?=
 <7854742+wang_rumeng@user.noreply.gitee.com>
Date: Tue, 16 Sep 2025 14:55:44 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=AD=E8=A8=80=E9=85=8D=E7=BD=AE=E5=9B=9E?=
 =?UTF-8?q?=E6=98=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/globals.css                          |  7 ++++-
 components/ChatInputBox/ChatInputBox.tsx | 33 +++++++++++++-----------
 2 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 2dccfef..08edb01 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -250,4 +250,9 @@ body {
 
 .ant-switch.ant-switch-checked:hover {
   background: rgb(146 78 173) !important;
-} 
\ No newline at end of file
+} 
+
+.language-dropdown li {
+  padding: unset !important;
+  margin: 0.25rem !important;
+}
\ No newline at end of file
diff --git a/components/ChatInputBox/ChatInputBox.tsx b/components/ChatInputBox/ChatInputBox.tsx
index e9464c0..c43a337 100644
--- a/components/ChatInputBox/ChatInputBox.tsx
+++ b/components/ChatInputBox/ChatInputBox.tsx
@@ -51,15 +51,15 @@ import { PcPhotoStoryModal } from "./PcPhotoStoryModal";
 import { H5PhotoStoryDrawer } from "./H5PhotoStoryDrawer";
 
 const LauguageOptions =  [
-  { value: "english", label: "English", isVip: false, code:'en' },
-  { value: "chinese", label: "Chinese", isVip: false, code:'zh' },
-  { value: "japanese", label: "Japanese", isVip: false, code:'ja' },
-  { value: "spanish", label: "Spanish", isVip: false, code:'es' },
-  { value: "portuguese", label: "Portuguese", isVip: false, code:'pt' },
-  { value: "hindi", label: "Hindi", isVip: false, code:'hi' },
-  { value: "korean", label: "Korean", isVip: false, code:'ko' },
-  { value: "arabic", label: "Arabic", isVip: false, code:'ar' },
-  { value: "russian", label: "Russian", isVip: false, code:'ru' },
+  { value: "english", label: "English", isVip: false, code:'EN' },
+  { value: "chinese", label: "Chinese", isVip: false, code:'ZH' },
+  { value: "japanese", label: "Japanese", isVip: false, code:'JA' },
+  { value: "spanish", label: "Spanish", isVip: false, code:'ES' },
+  { value: "portuguese", label: "Portuguese", isVip: false, code:'PT' },
+  { value: "hindi", label: "Hindi", isVip: false, code:'HI' },
+  { value: "korean", label: "Korean", isVip: false, code:'KO' },
+  { value: "arabic", label: "Arabic", isVip: false, code:'AR' },
+  { value: "russian", label: "Russian", isVip: false, code:'RU' },
 ]
 
 /**模板故事模式弹窗组件 */
@@ -343,11 +343,16 @@ export function ChatInputBox({ noData }: { noData: boolean }) {
 
                   {/* 语言配置 */}
                   <Dropdown
+                    overlayClassName="language-dropdown"
                     menu={{
                       items: LauguageOptions.map((option) => ({
                         key: option.value,
                         label: (
-                          <div className="flex items-center justify-between px-2 py-2">
+                          <div className={`flex items-center justify-between px-2 py-2 ${
+                            option.value === configOptions.language
+                              ? "bg-white/[0.12] rounded-md"
+                              : ""
+                          }`}>
                             <span className="text-sm text-white">{option.label}</span>
                             {option.isVip && (
                               <Crown className="w-4 h-4 text-yellow-500" />
@@ -358,16 +363,14 @@ export function ChatInputBox({ noData }: { noData: boolean }) {
                       onClick: ({ key }) => onConfigChange('language', key),
                     }}
                     trigger={["click"]}
-                    placement="topRight"
+                    placement="top"
                   >
                     <button
                       data-alt={`config-language`}
-                      className={`flex items-center gap-2  text-white/80 transition-all duration-200 px-2 py-2`}
+                      className={`flex items-center gap-1  text-white/80 transition-all duration-200 px-2 py-2`}
                     >
                       <Globe className={"w-4 h-4"} />
-                      {LauguageOptions.find((option) => option.value === configOptions.language)?.isVip && (
-                        <Crown className={`w-2 h-2  text-yellow-500`} />
-                      )}
+                      <span className="text-sm">{LauguageOptions.find((option) => option.value === configOptions.language)?.code}</span>
                     </button>
                   </Dropdown>
                 </div>