components/message/chat/chat-layout.vue

@@ -87,7 +87,7 @@
                             @click="sendMessage">
                         </image>
                         <image v-if="phone == 'oppo'" class="right-icon"
-							:src="`/static/image/phone-message/oppo/${isSend ? 'send' : 'unSend'}.png`"
+                            :src="`/static/image/phone-message/oppo/${isSend ? 'send' : 'unsend'}.png`"
                             @click="sendMessage">
                         </image>
                         <image v-if="phone == 'huawei'" class="right-icon"
@@ -108,16 +108,8 @@
     </view>
 </template>
 <script setup>
-	import {
-		reactive,
-		onMounted,
-		computed,
-		toRefs
-	} from 'vue'
-	import {
-		dateUtil,
-		util
-	} from '@/utils/common.js';
+import { reactive, onMounted, computed, toRefs } from 'vue'
+import { dateUtil, util } from '@/utils/common.js';
 const props = defineProps({
     // 手机品牌
     phone: {
@@ -158,12 +150,7 @@
     lastClickTime: 0
 })
 
-	let {
-		isSend,
-		content,
-		simIndex,
-		scrollTop
-	} = toRefs(data)
+let { isSend, content, simIndex, scrollTop } = toRefs(data)
 
 const emit = defineEmits(['send', 'dblclick-left', 'dblclick-right', 'title-click'])
 const onInput = (e) => {
@@ -300,9 +287,7 @@
         default:
             break;
     }
-		return {
-			placeholder
-		}
+    return { placeholder }
 })
 
 /**
@@ -327,9 +312,7 @@
                             let h = image.height;
 
                             // 根据 EXIF 方向修正实际视觉宽高
-								if (image.orientation && ['left', 'right', 'left-mirrored',
-										'right-mirrored'
-									].includes(image.orientation)) {
+                            if (image.orientation && ['left', 'right', 'left-mirrored', 'right-mirrored'].includes(image.orientation)) {
                                 w = image.height;
                                 h = image.width;
                             }
@@ -340,8 +323,7 @@
 
                             const date = dateUtil.now("YYYY-MM-DD HH:mm")
                             // 封装成HTML的img标签作为消息内容
-								const content =
-									`<img src="${finalPath}" style="width: ${width}; height: ${height}; border-radius: 16rpx; display: block;" />`;
+                            const content = `<img src="${finalPath}" style="width: ${width}; height: ${height}; border-radius: 16rpx; display: block;" />`;
                             const params = {
                                 content: content,
                                 imgUrl: finalPath,
@@ -357,11 +339,9 @@
                             // 延迟拉动到底部
                             setTimeout(() => {
                                 data.scrollTop = 99999 + Math.random();
-									uni.createSelectorQuery().select('.bottom-box')
-										.boundingClientRect(rect => {
+                                uni.createSelectorQuery().select('.bottom-box').boundingClientRect(rect => {
                                     if (rect) {
-												data.bottomBoxHeight = rect
-													.height;
+                                        data.bottomBoxHeight = rect.height;
                                     }
                                 }).exec();
                             }, 100);
@@ -418,6 +398,9 @@
     }, 300);
 
 })
+
+
+
 </script>
 <style>
 @import '@/common/main.css';