From 736e615f785d9572bcf29f3b18335f0b8c265e64 Mon Sep 17 00:00:00 2001
From: jyt <1592211625@qq.com>
Date: Thu, 17 Feb 2022 17:50:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=B6=88=E6=81=AF=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                 |  11 +-
 pages/index/personal.vue   |   9 ++
 pages/mine/messageList.vue | 221 +++++++++++++++++++++++++++++++++++++
 3 files changed, 240 insertions(+), 1 deletion(-)
 create mode 100644 pages/mine/messageList.vue

diff --git a/pages.json b/pages.json
index 1678371..2e5c1d9 100644
--- a/pages.json
+++ b/pages.json
@@ -200,7 +200,16 @@
 						"navigationBarTextStyle": "black"
 					}
 				}
-			]
+			    ,{
+                    "path" : "messageList",
+                    "style" :                                                                                    
+                {
+                    "navigationBarTitleText": "",
+                    "enablePullDownRefresh": false
+                }
+                
+                }
+            ]
 		},
 		{
 			"root": "pages/learning", //学习
diff --git a/pages/index/personal.vue b/pages/index/personal.vue
index ef328ab..e6650b9 100644
--- a/pages/index/personal.vue
+++ b/pages/index/personal.vue
@@ -15,6 +15,15 @@
 			</view>
 		</view>
 		<view class="settingGroup box">
+			<navigator class="line" url="/pages/mine/messageList">
+				<view class="title">
+					<!-- <image src="/static/images/studyhot.png" style="width: 36rpx;height: 36rpx;" mode=""></image> -->
+					消息
+				</view>
+				<view class="right">
+					<image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
+				</view>
+			</navigator>
 			<navigator class="line" url="/pages/mine/Myprofile">
 				<view class="title">
 					<image src="/static/images/setting.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
diff --git a/pages/mine/messageList.vue b/pages/mine/messageList.vue
new file mode 100644
index 0000000..df3ac71
--- /dev/null
+++ b/pages/mine/messageList.vue
@@ -0,0 +1,221 @@
+<template>
+	<view class="message_list">
+		<u-tabs :list="list" :show-bar="false" :is-scroll="false" :current="current" @change="change"></u-tabs>
+		<view class="listMain">
+			<view class="systemList" v-if="current==0">
+				<view class="sysItem">
+					<image class="headpic" src="../../static/images/function1.png"></image>
+					<view class="right">
+						<view class="headInfo">
+							<view class="title">优秀案例</view>
+							<view class="info">恭喜你，你的接待记录被设为了优秀案例！</view>
+						</view>
+						<view class="content">
+							我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
+						</view>
+						<view class="time">
+							2021-01-12  12：23：01
+						</view>
+					</view>
+				</view>
+				<view class="sysItem">
+					<image class="headpic" src="../../static/images/function1.png"></image>
+					<view class="right">
+						<view class="headInfo">
+							<view class="title">优秀案例</view>
+							<view class="info">赞了你的接待</view>
+						</view>
+						<view class="content">
+							我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
+						</view>
+						<view class="time">
+							2021-01-12  12：23：01
+						</view>
+					</view>
+				</view>
+				<view class="sysItem">
+					<image class="headpic" src="../../static/images/function1.png"></image>
+					<view class="right">
+						<view class="headInfo">
+							<view class="title">优秀案例</view>
+							<view class="info">评价你：非常好，品牌价值观还需要补充</view>
+						</view>
+						<view class="content">
+							我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
+						</view>
+						<view class="time">
+							2021-01-12  12：23：01
+						</view>
+					</view>
+				</view>
+				<view class="sysItem">
+					<image class="headpic" src="../../static/images/function1.png"></image>
+					<view class="right">
+						<view class="headInfo">
+							<view class="title">优秀案例</view>
+							<view class="info">回复你：非常好，品牌价值观还需要补充</view>
+						</view>
+						<view class="content">
+							我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
+						</view>
+						<view class="time">
+							2021-01-12  12：23：01
+						</view>
+					</view>
+				</view>
+				<view class="sysItem">
+					<image class="headpic" src="../../static/images/function1.png"></image>
+					<view class="right">
+						<view class="headInfo">
+							<view class="title">优秀案例</view>
+							<view class="info">赞了你的接待</view>
+						</view>
+						<view class="content">
+							我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
+						</view>
+						<view class="time">
+							2021-01-12  12：23：01
+						</view>
+					</view>
+				</view>
+				<view class="sysItem">
+					<image class="headpic" src="../../static/images/function1.png"></image>
+					<view class="right">
+						<view class="headInfo">
+							<view class="title">优秀案例</view>
+							<view class="info">评价你：非常好，品牌价值观还需要补充</view>
+						</view>
+						<view class="content">
+							我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
+						</view>
+						<view class="time">
+							2021-01-12  12：23：01
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class="upgradeList" v-if="current==1">
+				<view class="upgradeItem">
+					<view class="notRead">
+						<!-- <view class="red"></view> -->
+					</view>
+					<view class="right">
+						<view class="title">智控管家（2022-01-22）升级公告</view>
+						<view class="time">2021-01-12  12：23：01</view>
+					</view>
+				</view>
+				<view class="upgradeItem">
+					<view class="notRead">
+						<view class="red"></view>
+					</view>
+					<view class="right">
+						<view class="title">智控管家（2022-01-11）升级公告</view>
+						<view class="time">2021-01-12  12：23：01</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				list: [{
+					name: '系统消息'
+				},{
+					name: `升级公告`,
+					count:20,
+				}],
+				current: 0
+			};
+		},
+		methods:{
+			change(index) {
+				this.current = index;
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.message_list{
+		.u-tab-item{
+			border: 0.5rpx solid #dedede;
+		}
+		.listMain{
+			margin-top: 20rpx;
+			.systemList{
+				.sysItem{
+					padding: 20rpx;
+					border: 1rpx solid #ccc;
+					display: flex;
+					margin: 16rpx 0;
+					.headpic{
+						width: 70rpx;
+						height: 70rpx;
+						border-radius: 100%;
+						margin-right: 30rpx;
+					}
+					.right{
+						.headInfo{
+							.title{
+								font-size: 32rpx;
+								font-weight: bold;
+								margin-bottom: 8rpx;
+							}
+						}
+						.content{
+							width: 600rpx;
+							background: #e6e6e6;
+							padding: 10rpx;
+							margin: 14rpx 0;
+							overflow: hidden;
+							text-overflow: ellipsis;
+							white-space: nowrap;
+						}
+						.time{
+							color: #6f6f6f;
+							font-size: 24rpx;
+						}
+					}
+					
+				}
+			}
+			.upgradeList{
+				.upgradeItem{
+					padding: 20rpx;
+					border: 1rpx solid #ccc;
+					margin: 16rpx 0;
+					display: flex;
+					.notRead{
+						width: 14rpx;
+						height: 14rpx;
+						margin-right: 20rpx;
+						margin-top: 16rpx;
+						.red{
+							background: #FF0000;
+							width: 100%;
+							height: 100%;
+							border-radius: 100%;
+						}
+					}
+					.right{
+						.title{
+							font-size: 32rpx;
+							font-weight: bold;
+							margin-bottom: 8rpx;
+						}
+						.time{
+							color: #6f6f6f;
+							font-size: 24rpx;
+						}
+					}
+					
+				}
+			}	
+		}
+	}
+
+</style>