【更新】IM页面逻辑完善

pages/im/private/index.vue

@@ -1,6 +1,7 @@
 <template>
     <view class="chat-content">
-        <scroll-view class="chat-scrool" :scroll-y="true" :scroll-into-view="scrollIntoID" :scroll-with-animation="false">
+        <scroll-view class="chat-scrool" :scroll-y="true" :scroll-into-view="scrollIntoID"
+            :scroll-with-animation="false">
             <!-- 聊天窗口 -->
             <view class="chat-item" v-for="(item,index) in messages" :key="index" :id="'chatId_'+index">
                 <view class="chat-item-time">
@@ -14,12 +15,12 @@
                     <view class="chat-status" :class="{'hide': item.sentStatus == 50}"
                         v-if="item.messageDirection == 1">{{ item.sentStatus == 50 ? '已读': '未读'}}</view>
                     <view class="chat-avatar">
-                        <!-- <u-avatar :src="userInfo.portraitUrl" @click="showFriend"></u-avatar> -->
-                        <u-avatar v-if="item.messageDirection == 2" :src="friend(targetId).portraitUrl"></u-avatar>
-                        <u-avatar v-else :src="$store.getters.sender.portraitUrl"/>
+                        <u-avatar v-if="item.messageDirection == 2" :src="friend(targetId).portraitUrl"
+                            @click="showFriend(targetId)"></u-avatar>
+                        <u-avatar v-else @click="showMine" :src="$store.getters.sender.portraitUrl" />
                     </view>
                 </view>
-            </view>
+            </view>
         </scroll-view>
 
         <view class="chat-footer">
@@ -151,15 +152,15 @@
                     this.inputTxt = ''
                 })
             },
-            showFriend() {
-                // uni.navigateTo({
-                //     url: '/pages/im/friends/info?targetId=' + this.targetId
-                // })
+            showFriend(targetId) {
+                uni.navigateTo({
+                    url: '/pages/im/friends/info?targetId=' + targetId
+                })
             },
             showMine() {
-                // uni.navigateTo({
-                //     url: '/pages/im/friends/mine'
-                // })
+                uni.navigateTo({
+                    url: '/pages/im/friends/mine'
+                })
             },
             scrollBottom() {
                 this.$nextTick(function() {