未读消息

pages/praise/index.vue

@@ -29,6 +29,9 @@
 						<view class="praiseMain-pic-item">
 							<u-image class="newsList-img" :src="item.likeMemberFaceImage" height="260" width="260" border-radius="10"></u-image>
 						</view>
+						<view class="praiseMain-add" v-if="item.chatNotReadNum != '0'">
+							<span>{{item.chatNotReadNum}}条未读消息</span>
+						</view>
 					</view>
 					<view class="praiseMain-pic-text">恭喜！您与「{{item.likeMemberName}}」相互点赞！</view>
 					<view class="praiseMain-btn">
@@ -96,6 +99,9 @@
 	}
 </style>
 <style lang="scss" scoped>
+	.newsList-img{
+		z-index: -1;
+	}
 	.title{
 		font-size: 16px;
 		margin-bottom: 10px;
@@ -141,6 +147,18 @@
 		.praiseMain-btn{
 			padding: 0 15px;
 		}
+		.praiseMain-add{
+			position: absolute;
+			z-index: 9;
+			right: 36px;
+			top: 168px;
+			background: rgba(0,0,0,0.5);
+			padding:2px 24px;
+			span{
+				margin-left: 3px;
+				font-size: 14px;
+			}
+		}
 	}
 	.navbar-tit{
 		padding-left:15px;