TmOct5/ZhHealth
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

群邀请的数据列表

Browse Source
This commit is contained in:
Jason.Chen
2022-02-18 14:11:38 +08:00
parent 9357a686a0
commit 1f6e3078d3
5 changed files with 37 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
pages/im/private/chat.vue
View File

@@ -2,10 +2,11 @@
<view class="chat">
<!-- chat -->
<view class="body">
<view class="cell" v-for="(item, index) in messages" :key="index">
<view class="cell" v-for="(item, index) in messages" :key="index">
<view class="time">{{ item.sentTime|timeCustomCN }}</view>
<view :class="['cell-item', item.messageDirection == 1 ? 'right' : 'left']">
<u-avatar class="avatar" size="40" shape="square" @click="showUser(item.senderUserId, item.messageDirection)"
<u-avatar class="avatar" size="40" shape="square"
@click="showUser(item.senderUserId, item.messageDirection)"
:src="contact(item.senderUserId).portraitUrl" />
<view class="msg">
<show-voice v-if="item.objectName === 'RC:HQVCMsg'" :guest="item.messageDirection == 1"
@@ -107,8 +108,8 @@
this.latestMessage.sentTime || 0,
1,
false,
(messages) => {
this.messages.unshift(...messages)
(messages) => {
this.messages.unshift(...messages)
// this.scrollBottom()
})
},
@@ -158,20 +159,20 @@
<style scoped lang="scss">
/* 窗口 */
.chat {
background: $window-color;
height: 100vh;
display: flex;
flex-direction: column;
overflow: scroll;
.body {
flex: 1;
overflow-y: scroll;
display: flex;
flex-direction: column-reverse;
.body {
background: blue;
height: 90vh;
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
.cell {
padding: 10rpx 30rpx;
padding: 10rpx 30rpx;
.time {
text-align: center;