...
|
...
|
@@ -29,16 +29,16 @@ |
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 右-头像 -->
|
|
|
<view class="right">
|
|
|
<image :src="userInfo.img"></image>
|
|
|
<view class="right" @click="$href('/pages/my/my',2)">
|
|
|
<image :src="userInfo.img" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 别人发出的消息 -->
|
|
|
<view class="other" v-else>
|
|
|
<!-- 左-头像 -->
|
|
|
<view class="left">
|
|
|
<image :src="toUserInfo.avatar"></image>
|
|
|
</view>
|
|
|
<navigator class="left" hover-class="none" :url="'/pages/index/landHome?id='+toUserInfo.id">
|
|
|
<image :src="toUserInfo.avatar" mode="aspectFill"></image>
|
|
|
</navigator>
|
|
|
<!-- 右-用户名称-时间-消息 -->
|
|
|
<view class="right">
|
|
|
<view class="username">
|
...
|
...
|
@@ -56,9 +56,9 @@ |
|
|
</view>
|
|
|
</scroll-view>
|
|
|
</view>
|
|
|
<navigator class="giftWrap" hover-class="none" :url="'/pages/index/landHome?id='+toUserInfo.id" :style="{bottom: keyboardHeight + 150 +'rpx'}">
|
|
|
<view class="giftWrap" :style="{bottom: keyboardHeight + 150 +'rpx'}" @click="showSendGift = true">
|
|
|
<image src="../../static/image/roomGiftIcon.png" mode=""></image>
|
|
|
</navigator>
|
|
|
</view>
|
|
|
<!-- 抽屉栏 -->
|
|
|
<view class="popup-layer" :class="popupLayerClass" @touchmove.stop.prevent="discard">
|
|
|
<!-- 表情 -->
|
...
|
...
|
@@ -84,6 +84,8 @@ |
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 送礼物弹框 -->
|
|
|
<send-gift v-if="showSendGift" :toUserId="toUserInfo.id" @closeSendGift="showSendGift = false"></send-gift>
|
|
|
<!-- 底部输入栏 -->
|
|
|
<view class="input-box" :style="{bottom: keyboardHeight+'rpx'}" :class="popupLayerClass" @touchmove.stop.prevent="discard">
|
|
|
<!-- H5下不能录音,输入栏布局改动一下 -->
|
...
|
...
|
@@ -151,10 +153,12 @@ |
|
|
<script>
|
|
|
import userList from '../../commen/tim/user.js'
|
|
|
import {mapState} from "vuex";
|
|
|
import sendGift from '@/components/sendGift.vue'
|
|
|
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
showSendGift:false,//展示送礼物弹框
|
|
|
showRoom:false,
|
|
|
keyboardHeight:-2,
|
|
|
//TIM变量
|
...
|
...
|
@@ -218,6 +222,9 @@ |
|
|
}
|
|
|
};
|
|
|
},
|
|
|
components:{
|
|
|
sendGift
|
|
|
},
|
|
|
computed:{
|
|
|
...mapState({
|
|
|
userinfo: state => state.userinfo,
|
...
|
...
|
|