From 66ae7ef1824d8fb3580b7d05171a60a8feefdac5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AD=99=E4=BD=B3=E8=89=BA?= <sjy030709.>
Date: Mon, 1 Jun 2026 10:58:14 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=B9=E8=AF=9D=E9=A1=B5=E9=9D=A2=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E5=99=A8=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 video-gen-app/src/pages/GenerateConver.tsx | 84 ++++++++++++++--------
 1 file changed, 54 insertions(+), 30 deletions(-)

diff --git a/video-gen-app/src/pages/GenerateConver.tsx b/video-gen-app/src/pages/GenerateConver.tsx
index f2342c5a..e15c24ac 100644
--- a/video-gen-app/src/pages/GenerateConver.tsx
+++ b/video-gen-app/src/pages/GenerateConver.tsx
@@ -1147,21 +1147,33 @@ const AIChatPage: React.FC = () => {
             <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginTop: 12, paddingTop: 12, borderTop: '1px solid #f0f0f0' }}>
               <Space size="middle">
                 {/* 文件类型选择器 */}
-                <Select
-                  value={mediaType}
-                  onChange={(val) => setMediaType(val)}
-                  style={{ width: 100 }}
-                  size="small"
-                >
-                  <Option value="image">
-                    <PictureOutlined style={{ marginRight: 4 }} />
-                    图片
-                  </Option>
-                  <Option value="video">
-                    <VideoCameraOutlined style={{ marginRight: 4 }} />
-                    视频
-                  </Option>
-                </Select>
+                <div style={{
+                  display: 'flex',
+                  alignItems: 'center',
+                  gap: 6,
+                  padding: '5px 12px',
+                  borderRadius: 8,
+                  background: '#f8f9fc',
+                  border: '1px solid #e2e8f0',
+                  height: 28,
+                }}>
+                  <Text style={{ fontSize: 12, color: '#94a3b8' }}>类型</Text>
+                  <Select
+                    value={mediaType}
+                    onChange={(val) => setMediaType(val)}
+                    style={{ width: 90,outline:'none',border:'none' }}
+                    size="small"
+                  >
+                    <Option value="image">
+                      <PictureOutlined style={{ marginRight: 4 }} />
+                      图片
+                    </Option>
+                    <Option value="video">
+                      <VideoCameraOutlined style={{ marginRight: 4 }} />
+                      视频
+                    </Option>
+                  </Select>
+                </div>
 
                 {/* 图片设置按钮 */}
                 {mediaType === 'image' && (
@@ -1463,12 +1475,13 @@ const AIChatPage: React.FC = () => {
                       borderRadius: 8,
                       background: '#f8f9fc',
                       border: '1px solid #e2e8f0',
+                      height: 28,
                     }}>
                       <Text style={{ fontSize: 12, color: '#94a3b8' }}>时长</Text>
                       <Select
                         value={`${videoDuration}`}
                         onChange={(val) => setVideoDuration(Number(val))}
-                        style={{ width: 60 }}
+                        style={{ width: 60 ,outline:'none',border:'none' }}
                         size="small"
                       >
                         {engineOptions.durations.map((d) => (
@@ -1618,20 +1631,31 @@ const AIChatPage: React.FC = () => {
                 )}
 
                 {/* 引擎选择器 */}
-                <span style={{ fontSize: 12, color: '#64748b', marginRight: 8 }}>引擎选择</span>
-                <Select
-                  placeholder="选择引擎"
-                  value={countType}
-                  onChange={(val) => {
-                    setCountType(val);
-                  }}
-                  style={{ width: 200 }}
-                  size="small"
-                >
-                  {(mediaType === 'image' ? enginesele.image : enginesele.video)?.map((item:any) => (
-                    <Option key={item.id} value={item.id}>{item.name}</Option>
-                  ))}
-                </Select>
+                <div style={{
+                  display: 'flex',
+                  alignItems: 'center',
+                  gap: 6,
+                  padding: '5px 12px',
+                  borderRadius: 8,
+                  background: '#f8f9fc',
+                  border: '1px solid #e2e8f0',
+                  height: 28,
+                }}>
+                  <Text style={{ fontSize: 12, color: '#94a3b8' }}>引擎</Text>
+                  <Select
+                    placeholder="选择引擎"
+                    value={countType}
+                    onChange={(val) => {
+                      setCountType(val);
+                    }}
+                    style={{ width: 200 ,outline:'none',border:'none' }}
+                    size="small"
+                  >
+                    {(mediaType === 'image' ? enginesele.image : enginesele.video)?.map((item:any) => (
+                      <Option key={item.id} value={item.id}>{item.name}</Option>
+                    ))}
+                  </Select>
+                </div>
               </Space>
 
               {/* 底部信息 */}