修复
This commit is contained in:
@@ -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;
|
||||||
:deep(.ant-input) {
|
border: none;
|
||||||
padding-right: 44px;
|
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
border: 1px solid #E2E8F0;
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
color: #1E293B;
|
||||||
|
background: #F8FAFC;
|
||||||
|
outline: none;
|
||||||
|
resize: none;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
font-family: inherit;
|
||||||
|
|
||||||
&:focus,
|
&::placeholder {
|
||||||
&:hover {
|
color: #94A3B8;
|
||||||
border-color: #7C3AED;
|
|
||||||
box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
background: #fff;
|
||||||
|
box-shadow: 0 0 0 1px #E2E8F0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user