From 6d4a0751004ed73848a9cc52640470a39e31e232 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=88=91=E5=A4=AA=E8=8F=9C=E4=BA=86=E3=80=82?=
 <qq_53956050@gitcode.net>
Date: Wed, 24 May 2023 21:09:37 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=B6=88=E6=81=AF=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E5=92=8C=E6=B6=88=E6=81=AF=E9=80=9A=E7=9F=A5=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 teamwork/pages.json             |   6 ++
 teamwork/pages/post/message.vue | 129 ++++++++++++++++++++++++++++++++
 teamwork/pages/post/post.vue    |  31 +++++++-
 3 files changed, 162 insertions(+), 4 deletions(-)
 create mode 100644 teamwork/pages/post/message.vue

diff --git a/teamwork/pages.json b/teamwork/pages.json
index 097dfc7..f564496 100644
--- a/teamwork/pages.json
+++ b/teamwork/pages.json
@@ -160,6 +160,12 @@
 		"style": {
 			"navigationStyle": "custom"
 		}
+	},
+	{
+		"path": "pages/post/message",
+		"style": {
+			"navigationStyle": "custom"
+		}
 	}],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
diff --git a/teamwork/pages/post/message.vue b/teamwork/pages/post/message.vue
new file mode 100644
index 0000000..693d479
--- /dev/null
+++ b/teamwork/pages/post/message.vue
@@ -0,0 +1,129 @@
+<template>
+	
+	<view>
+		<!-- 页头 -->
+		<view class="top">
+			<image @click="back" class="back" src="/static/discover/back.png"></image>
+			<view class="title">消息列表</view>
+			<span class="empty"></span>
+		</view>
+		
+		<view class="one-post" >
+			<view class="icon-with-name">
+				<image :src="'https://mp-6f6feaec-a026-4402-8e8d-18f7572890da.cdn.bspapp.com/cloudstorage/f692aaa2-45bc-42c3-af38-e0dff12d2eac.jpg'"
+				 class="icon" />
+				<text class="name">用户姓名</text></br>
+				<text class="message">太6啦</text>
+				
+			</view>
+			<image :src="'https://mp-6f6feaec-a026-4402-8e8d-18f7572890da.cdn.bspapp.com/cloudstorage/f692aaa2-45bc-42c3-af38-e0dff12d2eac.jpg'"
+				 class="post-img" />
+				<text class="text-content">2023年2月15日 5月20日 12:54</text>			
+		</view>
+		
+		
+	</view>
+</template>
+
+<script>
+</script>
+
+<style>
+	
+	.top {
+		width: 100%;
+		height: 50px;
+		background-color: #EDEEF0;
+		text-align: center;
+	}
+	
+	.back {
+		width: 40px;
+		height: 30px;
+		margin-top: 10px;
+		margin-bottom: 10px;
+		float: left;
+		margin-left: 10px;
+	}
+	
+	.empty {
+		width: 40px;
+		height: 30px;
+		margin-top: 10px;
+		margin-bottom: 10px;
+		float: right;
+		margin-right: 10px;
+	}
+	
+	.title {
+		font-size: 20px;
+		margin-top: 15px;
+		font-weight: bold;
+		color: #f1992d;
+		display: inline-block;
+	}
+	
+	.one-post {
+		width: 90%;
+		background-color: rgb(245 154 35 / 30%);
+		margin-left: auto;
+		margin-right: auto;
+		margin-top: 20px;
+		border-radius: 15px;
+		overflow: auto;
+	}
+	
+	.icon-with-name {
+		width: 70%;
+		
+		margin-left: 10px;
+		margin-top: 15px;
+		float: left;
+		overflow: auto;
+	}
+	
+	.icon {
+		width: 40px;
+		height: 40px;
+		border-radius: 50%;
+		float: left;
+	}
+	
+	.post-img{
+		width: 60px;
+		height: 60px;
+		border-radius: 15%;
+		float: right;
+		margin-top: 10px;
+		margin-right: 10px;
+	}
+	
+	.name {
+		float: left;
+		margin-bottom: auto;
+		margin-left: 10px;
+		margin-top: 5px;
+		font-size: 12px;
+		font-weight: bold;
+		width: 60%;
+		color:#02A7F0;
+	}
+	
+	.message {
+		float: left;
+		font-size: 12px;
+		margin-left: 10px;
+		width: 70%;
+		word-wrap: break-word;
+	}
+	
+	.text-content {
+		float: left;
+		margin-top: 5px;
+		margin-left: 5%;
+		overflow: auto;
+		font-size: 12px;
+		transform: scale(0.7);
+	}
+	
+</style>
\ No newline at end of file
diff --git a/teamwork/pages/post/post.vue b/teamwork/pages/post/post.vue
index b6399c2..6608db1 100644
--- a/teamwork/pages/post/post.vue
+++ b/teamwork/pages/post/post.vue
@@ -26,7 +26,8 @@
 						<text class="text-content">{{item.content}}</text>
 						<view class="img-conetent">
 							<!-- 多张图片 -->
-							<view v-if="item.pictureList.length!=1" class="one-img" v-for="(img,imgIndex) in item.pictureList">
+							<view v-if="item.pictureList.length!=1" class="one-img"
+								v-for="(img,imgIndex) in item.pictureList">
 								<view class="post-pic" @click.stop="showPic(imgIndex,item.pictureList)"
 									:style="'background: url('+img+') no-repeat center/cover #eeeeee;'"></view>
 							</view>
@@ -55,6 +56,11 @@
 		</view>
 		<!-- 我的帖子 -->
 		<view v-if="current == 0">
+
+			<view class="message">
+				您一共收到{{messageNum}}条消息~
+			</view>
+
 			<!-- 单个帖子 -->
 			<view v-for="(item,index) in myPost" :key="index">
 				<!-- 单个帖子 -->
@@ -68,7 +74,8 @@
 						<text class="text-content">{{item.content}}</text>
 						<view class="img-conetent">
 							<!-- 多张图片 -->
-							<view v-if="item.pictureList.length!=1" class="one-img" v-for="(img,imgIndex) in item.pictureList">
+							<view v-if="item.pictureList.length!=1" class="one-img"
+								v-for="(img,imgIndex) in item.pictureList">
 								<view class="post-pic" @click.stop="showPic(imgIndex,item.pictureList)"
 									:style="'background: url('+img+') no-repeat center/cover #eeeeee;'"></view>
 							</view>
@@ -135,6 +142,7 @@
 				like: 200,
 				isLike: 1,
 				comment: 120,
+				messageNum:6,
 				pictureList: [{
 					picture: "https://mp-6f6feaec-a026-4402-8e8d-18f7572890da.cdn.bspapp.com/cloudstorage/becea65c-89d7-4fe0-9c3f-2e08cdf911e8.jpg"
 				}, ],
@@ -183,14 +191,14 @@
 					});
 			},
 			// 图片放大
-			showPic(index,list) {
+			showPic(index, list) {
 
 				uni.previewImage({
 					current: index,
 					urls: list
 				});
 			},
-			
+
 			//点赞状态改变
 			changeAllPostLike(index) {
 				if (this.btnDisabled) {
@@ -280,6 +288,21 @@
 </script>
 
 <style>
+	.message {
+		/* border: 2px solid #000; */
+		width: 60%;
+		height: 40px;
+		border-radius: 15px;
+		margin-top: 15px;
+		margin-left: auto;
+		margin-right: auto;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		background-color: rgb(245 154 35 / 30%);
+	}
+
 	.one-post {
 		width: 90%;
 		background-color: rgb(245 154 35 / 30%);
-- 
GitLab