diff --git a/src/app/chat/components/chat-input-bar.tsx b/src/app/chat/components/chat-input-bar.tsx index eb90ede9..233b478a 100644 --- a/src/app/chat/components/chat-input-bar.tsx +++ b/src/app/chat/components/chat-input-bar.tsx @@ -70,6 +70,7 @@ export function ChatInputBar({ disabled = false }: ChatInputBarProps) { /> diff --git a/src/app/chat/components/chat-send-button.tsx b/src/app/chat/components/chat-send-button.tsx index d643b720..913fddbe 100644 --- a/src/app/chat/components/chat-send-button.tsx +++ b/src/app/chat/components/chat-send-button.tsx @@ -8,27 +8,34 @@ * - 默认:粉色背景 + 渐变边缘 * - 聚焦 / 激活:完整 primaryGradient(accent → 透明) * - * 图标:lucide-react (tree-shakable,currentColor 继承父 color) + * 图标:空输入显示 ,有内容时显示 */ -import { ArrowUp } from "lucide-react"; +import { ArrowUp, Plus } from "lucide-react"; import styles from "./chat-send-button.module.css"; export interface ChatSendButtonProps { disabled: boolean; + hasContent: boolean; onClick: () => void; } -export function ChatSendButton({ disabled, onClick }: ChatSendButtonProps) { +export function ChatSendButton({ + disabled, + hasContent, + onClick, +}: ChatSendButtonProps) { + const Icon = hasContent ? ArrowUp : Plus; + return ( ); }