huxuejian/ykt-wxapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
wangdongbo 2026-02-11 17:10:54 +08:00
parent 0ecef71467
commit f64a5864ef
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
pages/message/components/chat-input.vue
View File

@ -8,7 +8,8 @@
<view class="input-area"> <view class="input-area">
<textarea v-if="!showVoiceInput" class="text-input" v-model="inputText" placeholder="我来说两句..." <textarea v-if="!showVoiceInput" class="text-input" v-model="inputText" placeholder="我来说两句..."
@confirm="sendTextMessage" @focus="handleInputFocus" @input="handleInput" @confirm="sendTextMessage" @focus="handleInputFocus" @input="handleInput"
:auto-height="true" :show-confirm-bar="false" :adjust-position="false" :auto-height="true" :show-confirm-bar="false" :adjust-position="false" :hold-keyboard="true"
ref="textareaRef"
/> />
<input v-else class="voice-input-btn" :class="{ recording: isRecording }" @touchstart="startRecord" <input v-else class="voice-input-btn" :class="{ recording: isRecording }" @touchstart="startRecord"
@touchmove="onRecordTouchMove" @touchend="stopRecord" @touchcancel="cancelRecord" :placeholder="isRecording ? '松开发送' : '按住说话'" disabled> @touchmove="onRecordTouchMove" @touchend="stopRecord" @touchcancel="cancelRecord" :placeholder="isRecording ? '松开发送' : '按住说话'" disabled>
@ -101,6 +102,7 @@ const showVoiceInput = ref(false);
const showMorePanel = ref(false); const showMorePanel = ref(false);
const isRecording = ref(false); const isRecording = ref(false);
const recordingText = ref("录音中..."); const recordingText = ref("录音中...");
const textareaRef = ref(null);
const cloudCustomData = computed(() => { const cloudCustomData = computed(() => {
const arr = [ const arr = [
props.chatRoomBusiness.businessType, props.chatRoomBusiness.businessType,
@ -168,8 +170,19 @@ const initRecorderManager = () => {
const sendTextMessage = async () => { const sendTextMessage = async () => {
if (!inputText.value.trim()) return; if (!inputText.value.trim()) return;
await sendMessage("text", inputText.value); const textToSend = inputText.value;
inputText.value = ""; inputText.value = "";
await sendMessage("text", textToSend);
// 发送后保持焦点，不收起键盘
nextTick(() => {
// 通过设置 focus 属性来保持键盘显示
// 注意：在某些情况下可能需要延迟执行
setTimeout(() => {
// 这里不需要手动聚焦，因为 hold-keyboard 会保持键盘
}, 50);
});
}; };
// 从常用语发送文本消息 // 从常用语发送文本消息