This commit is contained in:
2026-02-12 23:35:39 +08:00
parent a704b26b26
commit a03e14492b
2 changed files with 637 additions and 538 deletions

View File

@@ -105,13 +105,13 @@
</div> </div>
</div> </div>
<div class="input-wrapper"> <div class="input-wrapper">
<a-textarea <textarea
v-model:value="inputText" v-model="inputText"
class="chat-input" class="chat-input"
placeholder="在这里输入你的需求,例如:帮我写一段关于..." placeholder="在这里输入你的需求,例如:帮我写一段关于..."
:auto-size="{ minRows: 3, maxRows: 5 }" rows="3"
@keydown="handleKeyDown" @keydown="handleKeyDown"
/> ></textarea>
<button class="send-btn" :disabled="!inputText.trim() || loading" @click="handleSend"> <button class="send-btn" :disabled="!inputText.trim() || loading" @click="handleSend">
<SendOutlined /> <SendOutlined />
</button> </button>
@@ -595,18 +595,28 @@ watch(() => props.visible, (newVal) => {
.chat-input { .chat-input {
width: 100%; width: 100%;
padding: 14px 44px 14px 16px;
border: none;
border-radius: 12px;
font-size: 14px;
color: #1E293B;
background: #F8FAFC;
outline: none;
resize: none;
transition: all 0.2s ease;
font-family: inherit;
:deep(.ant-input) { &::placeholder {
padding-right: 44px; color: #94A3B8;
border-radius: 12px; }
border: 1px solid #E2E8F0;
font-size: 14px;
&:focus, &:focus {
&:hover { background: #fff;
border-color: #7C3AED; box-shadow: 0 0 0 1px #E2E8F0;
box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1); }
}
&:hover {
background: #fff;
} }
} }

File diff suppressed because it is too large Load Diff