聊天完成

pages/messages/messagesList.vue

@@ -14,6 +14,7 @@
 			<view class="names">{{item.name}}</view>
 			<view class="content u-line-1">{{item.text}}</view>
 			<view class="times">{{item.time}}</view>
+			<view class="tishi" v-if="item.unReadMessage"></view>
 		</view>
 		<u-toast ref="uToast" />
 	</view>
@@ -60,6 +61,15 @@
 </script>
 
 <style lang="scss" scoped>
+	.tishi{
+		position: absolute;
+		bottom: 30rpx;
+		right: 30rpx;
+		width: 12rpx;
+		height: 12rpx;
+		border-radius: 50%;
+		background-color: #FF0000;
+	}
 	.u-search{
 		width: 690rpx;
 		margin: 0 auto;
@@ -73,6 +83,7 @@
 		position: relative;
 		border-bottom: 1px #ECECEC solid;
 		overflow: hidden;
+		position: relative;
 		zoom: 1;
 		.images{
 			width: 84rpx;