替换个人信息页面图标

pages/im/friends/info.vue

@@ -3,9 +3,10 @@
         <!-- 用户信息 -->
         <view class="info-flex">
             <u-avatar :src="userInfo.portraitUrl || require('@/static/user/cover.png')" shape="square"
-                :size="rpx2px(100)" bg-color="#fff"></u-avatar>
+                :size="rpx2px(100)" bg-color="#fff" @click="previeImg(userInfo.portraitUrl)" />
             <view class="info-text">
-                <view class="nickname">{{ contact(targetId).name }} ({{ userInfo.name }})</view>
+                <view class="nickname">{{ contact(targetId).name }} </view>
+                <view class="address" @longpress="copyAddress">昵称：{{ userInfo.name  }}</view>
                 <view class="address" @longpress="copyAddress">地址：{{ userInfo.address }}</view>
             </view>
         </view>
@@ -37,7 +38,7 @@
             <view class="footer">
                 <view class="footer-item" @click="deleteFriend">
                     <view class="icon">
-                        <u-icon class="icon-u" name="close-circle-fill" color="#fff" size="30" />
+                        <u-icon class="icon-u" name="minus-people-fill" color="#fff" size="30" />
                     </view>
                     <view class="text">删除好友</view>
                 </view>
@@ -49,7 +50,7 @@
                 </view>
                 <view class="footer-item" @click="callShow = true">
                     <view class="icon">
-                        <u-icon class="icon-u" name="camera-fill" color="#fff" size="30" />
+                        <u-icon class="icon-u" :name="require('@/static/imgs/tel-call.png')" color="#fff" size="30" />
                     </view>
                     <view class="text">音/视频通话</view>
                 </view>
@@ -127,9 +128,9 @@
                 this.userInfo = res
                 // 获取到用户信息之后，去检查一下要不要更新
                 this.$store.dispatch('updateContact', res)
-                uni.setNavigationBarTitle({
-                    title: res.name
-                })
+                // uni.setNavigationBarTitle({
+                //     title: res.name
+                // })
             })
             RongIMLib.getConversationNotificationStatus(this.conversationType, this.targetId, ({
                 status
@@ -156,6 +157,9 @@
                         })
                     }
                 })
+            },
+            previeImg(url){
+                console.log(url)
             },
             toPrivate() {
                 uni.navigateTo({