From 5372041397eaacdd3a85ac04041cf6d2203091c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E5=B9=B3=E8=89=BA?= <52643018@qq.com>
Date: Wed, 18 Aug 2021 11:41:34 +0800
Subject: [PATCH] =?UTF-8?q?[=E5=AE=8C=E6=88=90]=20=E6=B6=88=E6=81=AF?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                     | 12 ++++----
 pages/messageCenter/index.vue  | 53 +++++++++++++++++++++++++++++++---
 pages/messageCenter/system.vue | 53 ++++++++++++++++++++++++++++++++++
 3 files changed, 108 insertions(+), 10 deletions(-)
 create mode 100644 pages/messageCenter/system.vue

diff --git a/pages.json b/pages.json
index a7690f2..4de7595 100644
--- a/pages.json
+++ b/pages.json
@@ -100,12 +100,6 @@
 				"navigationBarTitleText": "设置"
 			}
 		},
-		{
-			"path": "pages/my/setting",
-			"style": {
-				"navigationBarTitleText": "VIP会员"
-			}
-		},
 		{
 			"path": "pages/userList/userList",
 			"style": {
@@ -130,6 +124,12 @@
 			"style": {
 				"navigationBarTitleText": "消息"
 			}
+		},
+		{
+			"path": "pages/messageCenter/system",
+			"style": {
+				"navigationBarTitleText": "系统消息"
+			}
 		}
 	],
 	"globalStyle": {
diff --git a/pages/messageCenter/index.vue b/pages/messageCenter/index.vue
index 8aa150e..49dc27b 100644
--- a/pages/messageCenter/index.vue
+++ b/pages/messageCenter/index.vue
@@ -1,6 +1,17 @@
 <template>
-	<view>
-		
+	<view class="content">
+		<view class="list" v-for="(item, index) in list" :key="index" @click="$url(item.path)" hover-class="lf-opacity">
+			<image class="icon" src="../../static/images/empty.png"></image>
+			<view class="lf-row-between" style="width: 556rpx;">
+				<view>
+					<view class="lf-font-32 lf-color-222">{{ item.title }}</view>
+					<view class="lf-m-t-10 lf-font-28 lf-color-777">{{ item.desc }}</view>
+				</view>
+				<view>
+					<text class="lf-iconfont icon-xiangyou lf-color-999"></text>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -8,7 +19,25 @@
 	export default {
 		data(){
 			return {
-				
+				list: [{
+					title: '消息订阅',
+					desc: '关闭后将错过不少缘分',
+					icon: '',
+					path: '',
+					unread_count: 0
+				},{
+					title: '联系过的人',
+					desc: '去看看哪些人联系过了',
+					icon: '',
+					path: '',
+					unread_count: 0
+				},{
+					title: '系统消息',
+					desc: '查看官方消息',
+					icon: '',
+					path: '/pages/messageCenter/system',
+					unread_count: 0
+				}]
 			}
 		},
 		onLoad(){
@@ -21,5 +50,21 @@
 </script>
 
 <style lang="scss" scoped="scoped">
-	
+	.content{
+		padding: 0 32rpx;
+		width: 750rpx;
+		height: max-content;
+		box-sizing: border-box;
+		.list{
+			padding: 30rpx 0;
+			border-bottom: 1rpx solid #e5e5e5;
+			display: flex;
+			.icon{
+				width: 120rpx;
+				height: 120rpx;
+				border-radius: 50%;
+				margin-right: 15rpx;
+			}
+		}
+	}
 </style>
diff --git a/pages/messageCenter/system.vue b/pages/messageCenter/system.vue
new file mode 100644
index 0000000..7a93bf9
--- /dev/null
+++ b/pages/messageCenter/system.vue
@@ -0,0 +1,53 @@
+<template>
+	<view class="content">
+		<view class="list" v-for="item in 12">
+			<view class="lf-row-between">
+				<view class="lf-font-32 lf-color-222 lf-line-1" style="width: 420rpx;">小程序里发动态教程</view>
+				<view class="lf-font-24 lf-color-777">2021-08-06</view>
+			</view>
+			<view class="lf-m-t-10 lf-font-28 lf-color-777">小程序里发动态教程</view>
+		</view>
+		<u-back-top :scrollTop="pageScrollTop"></u-back-top>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				
+			}
+		},
+		onLoad(){
+			
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+	page{
+		background-color: #F5F5F5;
+	}
+</style>
+<style lang="scss" scoped="scoped">
+	.content{
+		width: 750rpx;
+		height: max-content;
+		padding: 30rpx 32rpx;
+		box-sizing: border-box;
+		.list{
+			width: 686rpx;
+			height: max-content;
+			background-color: #FFFFFF;
+			border-radius: 10rpx;
+			box-sizing: border-box;
+			padding: 30rpx;
+			&:nth-child(n+2){
+				margin-top: 30rpx;
+			}
+		}
+	}
+</style>