修改头像显示

src/views/chat/index.vue

@@ -30,13 +30,9 @@
                 >
                   <div class="line" v-if="item._id == id"></div>
                   <el-col :span="4" class="left">
-                    <el-image
-                      class="image"
-                      v-if="item.icon && item.icon.length > 0"
-                      :src="item.icon[0].url"
-                      fit="fill"
-                    />
-                    <el-image class="image" v-else :src="kf" fit="fill" />
+                    <a-avatar :size="60" style="background-color: #409eff">
+                      {{ item.nick_name }}
+                    </a-avatar>
                   </el-col>
                   <el-col :span="20" class="right">
                     <el-col :span="24" class="right_1">

src/views/chat/parts/chat.vue

@@ -10,13 +10,9 @@
                 <el-col :span="24" class="time">{{ item.send_time }}</el-col>
                 <el-col :span="24" class="message" v-if="item.receiver_id != info._id">
                   <el-col :span="2" class="left">
-                    <el-image
-                      class="image"
-                      v-if="item.sender_url && item.sender_url.length > 0"
-                      :src="item.sender_url[0].url"
-                      fit="fill"
-                    />
-                    <el-image class="image" v-else :src="kf" fit="fill" />
+                    <a-avatar :size="55" style="background-color: #409eff">
+                      {{ item.sender_name }}
+                    </a-avatar>
                   </el-col>
                   <el-col :span="20" class="right">
                     <div class="name">{{ item.sender_name }}</div>
@@ -27,13 +23,9 @@
                 </el-col>
                 <el-col :span="24" class="message flexOne" v-else>
                   <el-col :span="2" class="left">
-                    <el-image
-                      class="image"
-                      v-if="item.sender_url && item.sender_url.length > 0"
-                      :src="item.sender_url[0].url"
-                      fit="fill"
-                    />
-                    <el-image class="image" v-else :src="kf" fit="fill" />
+                    <a-avatar :size="55" style="background-color: #409eff">
+                      {{ item.sender_name }}
+                    </a-avatar>
                   </el-col>
                   <el-col :span="20" class="right">
                     <div class="name">{{ item.sender_name }}</div>