mz666
/
apply-assistant-v3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

切换 顶部高度

Browse Source
cyl/master-0822
zsk 3 months ago
parent ffd1a287fc
commit a97b82d717
2 changed files with 63 additions and 63 deletions
Show Stats Download Patch File Download Diff File

113
root/NEUIKit/pages/Chat/message/message-input.vue
Unescape Escape View File

@ -64,7 +64,7 @@
</div>
<!-- {{ssff}}键盘高度{{keyHeight}} 输入框距离底部距离{{writeStyle}}屏幕高度{{screenHeight}}顶部聊天区域高度{{msgKeyHeight}} -->
<input v-show="!showEmojiInput" :focus="isFocus" class="msg-input-input g_flex_1" :maxlength="-1" :placeholder="isTeamMute ? t('teamMutePlaceholder') : t('chatInputPlaceHolder')" v-model="inputText" type="text" :disabled="isTeamMute" :confirm-hold="true" cursor-spacing="20" :adjust-position="pushUp" confirm-type="send" @keyboardheightchange="keyboardheightchange" @confirm="handleSendTextMsg" @blur="handleInputBlur" @input="handleInput" id="msg-input" />
<input v-show="!showEmojiInput" :focus="isFocus" class="msg-input-input g_flex_1" :maxlength="-1" :placeholder="isTeamMute ? t('teamMutePlaceholder') : t('chatInputPlaceHolder')" v-model="inputText" type="text" :disabled="isTeamMute" :confirm-hold="true" cursor-spacing="20" :adjust-position="pushUp" confirm-type="send" @keyboardheightchange="keyboardheightchange" @focus="handleInputFocus" @confirm="handleSendTextMsg" @blur="handleInputBlur" @input="handleInput" id="msg-input" />
</div>
<div class="msg-input-button" @tap="(event) => handleSendJob()">
<div class="iconfont icon-5gongdanguanli g_c_6 g_fs_24"></div>
@ -370,7 +370,39 @@ const keyHeight = ref(350);
const msgKeyHeight = ref("100%");
const ssff = ref(uni.getWindowInfo().safeArea.top);
console.log("安全域高度安全域高度安全域高度安全域高度安全域高度安全域高度", ssff);
const handleInputFocus = (e) => {
emojiVisible.value = false;
extVisible.value = false;
audioPanelVisible.value = false;
sendMoreVisible.value = false;
const systemInfo = uni.getSystemInfoSync();
const availableHeight = systemInfo.windowHeight - e.detail.height - ssff.value;
setTimeout(()=>{
console.log("获取焦点获取焦点获取焦点获取焦点获取焦点获取焦点获取焦点获取焦点获取焦点获取焦点获取焦点获取焦点获取焦点获取焦点");
uni.$emit("msgKeyHeight", availableHeight); // 传递实际可用高度
writeStyle.value = `bottom: calc(${e.detail.height}px - env(safe-area-inset-bottom))`;
uni.$emit(events.ON_SCROLL_BOTTOM);
},80)
// if (e.detail.height === 0) {
// writeStyle.value = "bottom: 0";
// uni.$emit("msgKeyHeight", "100%"); // 键盘收起时恢复全屏高度
// } else {
// // 隐藏其他面板
// emojiVisible.value = false;
// extVisible.value = false;
// audioPanelVisible.value = false;
// sendMoreVisible.value = false;
// const systemInfo = uni.getSystemInfoSync();
// const availableHeight = systemInfo.windowHeight - e.detail.height - ssff.value;
// uni.$emit("msgKeyHeight", availableHeight); // 传递实际可用高度
// writeStyle.value = `bottom: calc(${e.detail.height}px - env(safe-area-inset-bottom))`;
// // let safeBottom = 0;
// }
}
// 在message-input.vue的keyboardheightchange事件中修改
// 在message-input.vue的keyboardheightchange事件中修改
@ -384,70 +416,32 @@ const keyboardheightchange = (e) => {
uni.$emit("msgKeyHeight", "100%"); // 键盘收起时恢复全屏高度
} else {
// 隐藏其他面板
console.log("触发输入框触发输入框触发输入框触发输入框触发输入框触发输入框触发输入框触发输入框");
emojiVisible.value = false;
extVisible.value = false;
audioPanelVisible.value = false;
sendMoreVisible.value = false;
const systemInfo = uni.getSystemInfoSync();
// let safeBottom = 0;
// // #ifdef MP-WEIXIN
// if (systemInfo.safeAreaInsets && systemInfo.safeAreaInsets.bottom) {
// safeBottom = systemInfo.safeAreaInsets.bottom;
// }
// // #endif
// // #ifdef APP-PLUS
// if (systemInfo.safeAreaInsets && systemInfo.safeAreaInsets.bottom) {
// safeBottom = systemInfo.safeAreaInsets.bottom;
// }
// // #endif
// // 输入框定位适配
// // #ifdef MP-WEIXIN
// if (systemInfo.platform === 'ios') {
// const availableHeight = systemInfo.windowHeight - e.detail.height - ssff.value;
// uni.$emit('msgKeyHeight', availableHeight); // 传递实际可用高度
// }else{
// const availableHeight = systemInfo.windowHeight - e.detail.height - ssff.value;
// uni.$emit('msgKeyHeight', availableHeight); // 传递实际可用高度
// }
const availableHeight = systemInfo.windowHeight - e.detail.height - ssff.value;
uni.$emit("msgKeyHeight", availableHeight); // 传递实际可用高度
writeStyle.value = `bottom: calc(${e.detail.height}px - env(safe-area-inset-bottom))`;
// #endif
// #ifdef APP-PLUS
// 区分安卓和苹果平台
let availableHeight, bottomValue;
if (systemInfo.platform === "ios") {
// 苹果设备
availableHeight = systemInfo.windowHeight - e.detail.height - safeBottom;
bottomValue = e.detail.height - safeBottom - 34;
} else {
// 安卓设备
availableHeight = systemInfo.windowHeight - e.detail.height - safeBottom - 34;
bottomValue = e.detail.height - safeBottom;
}
uni.$emit("msgKeyHeight", availableHeight); // 传递实际可用高度
writeStyle.value = `bottom: ${bottomValue}px`;
// #endif
}
setTimeout(()=>{
uni.$emit(events.ON_SCROLL_BOTTOM);
},80)
};
const handleInputBlur = () => {
isFocus.value = false;
uni.$emit("msgKeyHeight", "100%");
};
// const handleInputBlur = () => {
// isFocus.value = false;
// uni.$emit("msgKeyHeight", "100%");
// };
// 滚动到底部
const scrollBottom = () => {
if (isAndroidApp || isWxApp || isIosApp) {
setTimeout(() => {
uni.$emit(events.ON_SCROLL_BOTTOM);
}, 300);
}, 80);
} else {
uni.$emit(events.ON_SCROLL_BOTTOM);
}
@ -574,15 +568,15 @@ const handleEmojiVisible = () => {
uni.$emit(events.KeyboardEvent, 0);
}
uni.$emit(events.ON_SCROLL_BOTTOM);
}, 100);
}, 80);
};
watch(sendMoreVisible, (val) => {
if (val) {
uni.$emit("msgKeyHeight", uni.getSystemInfoSync().windowHeight - 320); // 传递实际可用高度
} else {
uni.$emit("msgKeyHeight", "100%"); // 传递实际可用高度
}
});
// watch(sendMoreVisible, (val) => {
// if (val) {
// uni.$emit("msgKeyHeight", uni.getSystemInfoSync().windowHeight - 270); // 传递实际可用高度
// } else {
// uni.$emit("msgKeyHeight", "100%"); // 传递实际可用高度
// }
// });
// 显示发送更多"+"面板
const handleSendMoreVisible = () => {
if (isTeamMute.value) return;
@ -590,12 +584,17 @@ const handleSendMoreVisible = () => {
emojiVisible.value = false;
sendMoreVisible.value = !sendMoreVisible.value;
setTimeout(()=>{
if (sendMoreVisible.value) {
uni.$emit(events.KeyboardEvent, 230);
uni.$emit("msgKeyHeight", uni.getSystemInfoSync().windowHeight - 260); // 传递实际可用高度
} else {
uni.$emit(events.KeyboardEvent, 0);
uni.$emit("msgKeyHeight", '100%'); // 传递实际可用高度
}
uni.$emit(events.ON_SCROLL_BOTTOM);
},80)
// }, 300)
};

1
root/NEUIKit/pages/Chat/message/message-list.vue
Unescape Escape View File

@ -15,6 +15,7 @@
<view class="msg-tip" v-show="noMore"></view>
<div v-for="(item, index) in finalMsgs" :key="item.renderKey">
聊天区域高度{{msgKeyHeight}}
<MessageItem :msg="item" :index="index" :key="item.renderKey" :reply-msgs-map="replyMsgsMap"
:broadcastNewAudioSrc="broadcastNewAudioSrc"> </MessageItem>
<!-- {{screenHeight1}}

Write Preview
Loading…
Cancel
Save