tangxinyue
/
alipay-emulator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: tangxinyue:8ec9c844f0c5956354914f79cd828b1b7b6edc96
Branches Tags
tangxinyue:main
tangxinyue:Branch_1
..
compare: tangxinyue:72674f4d77faa00f79a3da617d931d5cdc1f9089
Branches Tags
tangxinyue:Branch_1
tangxinyue:main

No commits in common. "8ec9c844f0c5956354914f79cd828b1b7b6edc96" and "72674f4d77faa00f79a3da617d931d5cdc1f9089" have entirely different histories.
8ec9c844f0 ... 72674f4d77

1 changed files with 1143 additions and 1160 deletions
Show Stats Expand all files Collapse all files

41
components/message/chat/chat-layout.vue
View File

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