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

语音消息

Browse Source
This commit is contained in:
唐明明
2022-01-25 13:09:03 +08:00
parent b288c304e1
commit 44dd3c3ccf
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pages/im/private/index.vue
View File

@@ -6,11 +6,13 @@
<view class="chat-item" v-for="(item,index) in messages" :key="index"> <view class="chat-item" v-for="(item,index) in messages" :key="index">
<view class="chat-item-article" :class="item.messageDirection == 1 ? 'right' : 'left'"> <view class="chat-item-article" :class="item.messageDirection == 1 ? 'right' : 'left'">
<view class="chat-msg"> <view class="chat-msg">
<!-- 文字消息 -->
<view class="chat-msg-text">{{ item.content.content }}</view> <view class="chat-msg-text">{{ item.content.content }}</view>
<!-- 语音消息 -->
<view class="chat-msg-audio"> <view class="chat-msg-audio">
<image src="@/static/icon/audio_ green.png" mode="widthFix"></image> <image v-if="item.messageDirection == 0" src="@/static/icon/audio_ green.png" mode="widthFix"></image>
10" 10"
<image src="@/static/icon/audio_white.png" mode="widthFix"></image> <image v-if="item.messageDirection == 1" src="@/static/icon/audio_white.png" mode="widthFix"></image>
</view> </view>
<!-- 预留一些图片，语音表情包等位置 --> <!-- 预留一些图片，语音表情包等位置 -->
</view> </view>