diff --git a/root/NEUIKit/pages/Chat/index.vue b/root/NEUIKit/pages/Chat/index.vue index b3c23a4..33d491e 100644 --- a/root/NEUIKit/pages/Chat/index.vue +++ b/root/NEUIKit/pages/Chat/index.vue @@ -30,7 +30,6 @@ -
123123
- -
- +
+
+ +
@@ -98,13 +105,13 @@
{{ t("shootText") }}
-
+ +
@@ -363,72 +370,72 @@ const keyHeight = ref(350); const msgKeyHeight = ref("100%"); const ssff = ref(uni.getWindowInfo().safeArea.top); -console.log('安全域高度安全域高度安全域高度安全域高度安全域高度安全域高度',ssff); +console.log("安全域高度安全域高度安全域高度安全域高度安全域高度安全域高度", ssff); // 在message-input.vue的keyboardheightchange事件中修改 // 在message-input.vue的keyboardheightchange事件中修改 - const keyboardheightchange = (e) => { - keyHeight.value = e.detail.height; - uni.$emit(events.KeyboardEvent, e.detail.height); - uni.$emit('KeyboardHeight', e.detail.height); - - 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(); - // 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 - } - }; +const keyboardheightchange = (e) => { + keyHeight.value = e.detail.height; + uni.$emit(events.KeyboardEvent, e.detail.height); + uni.$emit("KeyboardHeight", e.detail.height); + + 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(); + // 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 + } +}; const handleInputBlur = () => { isFocus.value = false;