统一聊天页的头像大小，改用rpx2px的计算，84rpx

pages.json

@@ -373,19 +373,7 @@
         {
             "path": "pages/im/private/chat",
             "style": {
-                "navigationBarBackgroundColor":"#FFFFFF",
+                "navigationBarBackgroundColor":"#FFFFFF"
-                "disableScroll": false,
-                "app-plus": {
-                    "titleNView": {
-                        "type": "default",
-                        "buttons": [{
-                            "float": "right",
-                            "fontSrc": "/static/iconfont.ttf",
-                            "text": "\ue607",
-                            "fontSize": "20px"
-                        }]
-                    }
-                }
             }
         },
         {

pages/im/components/groupUserList.vue

@@ -59,7 +59,7 @@
                 actionMap: [],
                 actionTitle: '',
                 currentUser: {},
-                avatarSize: 45,
+                avatarSize: 84,
                 labelSize: 14,
                 iconSize: 14
             }
@@ -72,7 +72,7 @@
             }
         },
         created() {
-            this.avatarSize = utils.rpx2px(90)
+            this.avatarSize = utils.rpx2px(84)
             this.labelSize = utils.rpx2px(24)
             this.iconSize = utils.rpx2px(26)
         },
@@ -271,8 +271,8 @@
             .avatar {
                 border-radius: 0 8rpx 0 0;
                 position: relative;
-                width: 90rpx;
+                width: 84rpx;
-                height: 90rpx;
+                height: 84rpx;
                 overflow: hidden;
 
                 .admin {

pages/im/components/messageCell.vue

@@ -2,7 +2,7 @@
     <view class="message--cell">
         <view class="avatar">
             <u-badge max="99" shape="horn" absolute :offset="[-5, -8]" :value="item.unreadMessageCount" />
-            <u-avatar :src="contact(item.targetId).portraitUrl" shape="square" size="44" />
+            <u-avatar :src="contact(item.targetId).portraitUrl" shape="square" :size="avatarSize" />
         </view>
         <view class="content">
             <view class="header">
@@ -18,6 +18,7 @@
 
 <script>
     import messagePreview from './messagePreview'
+    import utils from '@/utils/index.js'
 
     export default {
         props: {
@@ -28,7 +29,15 @@
                 }
             }
         },
+        data() {
+            return {
+                avatarRpx: 84
+            }
+        },
         computed: {
+            avatarSize() {
+                return utils.rpx2px(this.avatarRpx)
+            },
             contact() {
                 return function(targetId) {
                     return this.$store.getters.contactInfo(targetId)
@@ -48,6 +57,7 @@
 
         .avatar {
             position: relative;
+            padding-top: 5rpx;
 
             .u-badge {
                 z-index: 998;
@@ -59,8 +69,6 @@
             box-sizing: border-box;
             position: relative;
             flex: 1;
-
-
             border-bottom-width: 0.5px !important;
             border-color: #f9f9f9 !important;
             border-bottom-style: solid;

pages/im/group/chat.vue

@@ -7,7 +7,7 @@
                 <view class="cell" v-for="(item, index) in messages" :key="index">
                     <view class="time" v-if="item.senderUserId === '__system__'">{{ item.content.message }}</view>
                     <view v-else :class="['cell-item', item.messageDirection == 1 ? 'right' : 'left']">
-                        <u-avatar class="avatar" @click="toUser(item)" size="36" shape="square"
+                        <u-avatar class="avatar" @click="toUser(item)" :size="avatarSize" shape="square"
                             :src="contact(item.senderUserId).portraitUrl" />
                         <view class="msg">
                             <show-voice v-if="item.objectName === 'RC:HQVCMsg'" :guest="item.messageDirection == 1"
@@ -37,6 +37,7 @@
     import showImage from '../components/showImage'
     import showText from '../components/showText'
     import sentMessageBar from '../components/sentMessageBar'
+    import utils from '@/utils/index.js'
 
     export default {
         components: {
@@ -47,6 +48,7 @@
         },
         data() {
             return {
+                avatarRpx: 84,
                 targetId: '',
                 conversationType: RongIMLib.ConversationType.GROUP,
                 messages: [],
@@ -56,6 +58,9 @@
             }
         },
         computed: {
+            avatarSize() {
+                return utils.rpx2px(this.avatarRpx)
+            },
             latestMessage() {
                 if (this.messages.length) {
                     return this.messages[0]
@@ -174,6 +179,7 @@
 
                 .cell {
                     padding: 10rpx 30rpx;
+
                     .time {
                         text-align: center;
                         font-size: 24rpx;

pages/im/index.vue

@@ -77,12 +77,6 @@
             uni.$off('onReceiveMessage')
         },
         methods: {
-            onDemo(){
-                console.log('1111')
-                uni.navigateTo({
-                    url: '/pages/im/chatDemo'
-                })
-            },
             checkNewFriendPending() {
                 im.getPendingList((pendings) => {
                     this.hasNewFriends = pendings.length

pages/im/private/chat.vue

@@ -7,7 +7,7 @@
                 <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"
+                        <u-avatar class="avatar" :size="avatarSize" shape="square"
                             @click="showUser(item.senderUserId, item.messageDirection)"
                             :src="contact(item.senderUserId).portraitUrl" />
                         <view class="msg">
@@ -38,6 +38,8 @@
     import showText from '../components/showText'
     import showCall from '../components/showCall'
     import sentMessageBar from '../components/sentMessageBar'
+    import utils from '@/utils/index.js'
+    
     export default {
         components: {
             sentMessageBar,
@@ -48,6 +50,7 @@
         },
         data() {
             return {
+                avatarRpx: 84,
                 targetId: '',
                 messages: [],
                 conversationType: 1,
@@ -59,6 +62,9 @@
             }
         },
         computed: {
+            avatarSize() {
+                return utils.rpx2px(this.avatarRpx)
+            },
             latestMessage() {
                 if (this.messages.length) {
                     return this.messages[0]
@@ -180,6 +186,7 @@
                         text-align: center;
                         font-size: 24rpx;
                         color: #666;
+                        margin-bottom: 10rpx;
                     }
 
                     .cell-item {