20

pages/conversation/conversationList/components/ConversationItem.vue

@@ -1,7 +1,10 @@
 <template>
 	<view @longtap.prevent="longtapConversationItem" @tap.prevent="clickConversationItem" :class="['conversation_item',source.isPinned?'pinned' : '']">
 		<view class="left_info">
-			<my-avatar :isGroup="isGroup" :isNotify="isNotify" :src="source.faceURL" :desc="source.showName" size="46" />
+			<view class="avatar">
+				<my-avatar :isGroup="isGroup" :isNotify="isNotify" :src="source.faceURL" :desc="source.showName" size="46" />
+				<u-badge max="99" :value="source.unreadCount"></u-badge>
+			</view>
 			<view class="details">
 				<view class="title">
 					<text class="conversation_name">
@@ -9,7 +12,6 @@
 					</text>
 					<view class="right_desc">
 						<text class="send_time">{{ latestMessageTime }}</text>
-						<u-badge max="99" :value="source.unreadCount"></u-badge>
 					</view>
 				</view>
 				<view class="lastest_msg_wrap">
@@ -101,7 +103,14 @@
 			box-sizing: border-box;
 			padding: 12rpx 44rpx 20rpx;
 			flex:1;
-
+			.avatar{
+				position: relative;
+				.u-badge{
+					position: absolute;
+					right: -6rpx;
+					top: -6rpx;
+				}
+			}
 			.details {
 				display: flex;
 				flex-direction: column;
@@ -161,5 +170,6 @@
 				}
 			}
 		}
+		
 	}
 </style>