fix: chat avt

cyjme · Dec 21, 2017 · 3415a86 · 3415a86
1 parent 91f7ba2
commit 3415a86
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/route/chat/index.vue b/src/route/chat/index.vue
@@ -12,7 +12,15 @@
         <div id="chat-messages" v-on:scroll="handleScroll">
         	<label>已经到顶端了</label>
             <div  v-for="msg in msgList" :class="msg.to==to?'message right':'message'" :key="msg.msgId">
-            	<img :src="msg.to == to?currentUser.avt:profile.avt" />
+                <template v-if="msg.to == to">
+                  <div v-if="currentUser.avt==''?true:false" class="text-avatar-chat floatingImg">{{currentUser.nick.substring(0,1)}}</div>
+                  <img v-if="currentUser.avt==''?false:true" :src="currentUser.avt" class="floatingImg"/>
+                </template> 
+                <template v-if="msg.to != to">
+                  <div v-if="profile.avt==''?true:false" class="text-avatar-chat floatingImg">{{profile.nick.substring(0,1)}}</div>
+                  <img v-if="profile.avt==''?false:true" :src="profile.avt" class="floatingImg"/>
+                </template> 
+            	<!-- <img :src="msg.to == to?currentUser.avt:profile.avt" /> -->
                 <div class="bubble">
                   <template v-if="msg.contentType==='img'">
                     <img v-preview="msg.content" :src="msg.content" class="img-msg">