更新用户资料

pages/im/components/groupUserList.vue

@@ -1,16 +1,15 @@
 <template>
-    <view class="members">
+    <view class="member--list">
         <view class="users">
             <view :class="['user', {'active': item.targetId == currentUser.targetId}]" @longpress="showAction(item)"
                 v-for="(item, index) in users" :key="index" @click="toUser(item)">
-                <u-avatar :size="avatarSize" shape="square" :src="item.portraitUrl"></u-avatar>
+                <u-avatar :size="avatarSize" shape="square" :src="contact(item.targetId).portraitUrl"></u-avatar>
                 <view class="name">{{ item.name }}</view>
                 <view class="admin" v-if="item.is_admin">管理</view>
                 <view class="owner" v-if="item.targetId === adminUid">群主</view>
             </view>
             <view class="user" v-if="isAdmin">
-                <u-avatar @click="inviteUser" size="126rpx" shape="square" icon="plus" bg-color="#eeeeee"
+                <u-avatar @click="inviteUser" shape="square" icon="plus" bg-color="#eeeeee" color="#999999">
-                    color="#999999">
                 </u-avatar>
                 <view class="name">邀请好友</view>
             </view>
@@ -60,6 +59,13 @@
                 avatarSize: 40
             }
         },
+        computed: {
+            contact() {
+                return function(targetId) {
+                    return this.$store.getters.contactInfo(targetId)
+                }
+            }
+        },
         created() {
             this.avatarSize = 126 / 750 * wx.getSystemInfoSync().windowWidth
             console.log(this.avatarSize)
@@ -233,8 +239,6 @@
 
 
 <style lang="scss" scoped>
-    .members {
-
     .users {
         flex-direction: row;
         flex-wrap: wrap;
@@ -301,5 +305,4 @@
         color: $text-gray-m;
         text-align: center;
     }
-    }
 </style>

store/modules/im.js

@@ -21,7 +21,7 @@ export default {
                 return {
                     name: '',
                     hash: '',
-                    portraitUrl: ''
+                    portraitUrl: require('@/static/user/cover.png')
                 }
             }
         },