消息布局修改

pages/message/message.vue

@@ -5,7 +5,7 @@
 			<scroll-view scroll-y style="height: 100%; width: 100%;" v-for="(messageItem, index) in  messageList" :key="messageItem.id">
 				<view class="time">{{messageItem.createTime}}</view>
 				<view class="page-box">
-					<view class="message" @click="goDetails(messageItem.content)" >
+					<view class="message" @click="goDetails(messageItem.content,messageItem.createTime,messageItem.title)" >
 						<view class="message-top u-flex">
 							<view class="message-top-left u-flex-1">
 								<view class="car">{{messageItem.title}}</view>
@@ -105,7 +105,7 @@
 				});
 				
 			},
-			goDetails(content,createTime){
+			goDetails(content,createTime,title){
 				this.$u.api.messageRead({newId:this.newId})
 				.then(res =>{
 					if(res.code == 200){
@@ -116,6 +116,8 @@
 					url: 'pages/message/messageInfo',
 					params: {
 						content:JSON.stringify(content),
+						createTime:JSON.stringify(createTime),
+						title:JSON.stringify(title),
 					}
 				});
 			}

pages/message/messageInfo.vue

@@ -4,26 +4,34 @@
 		:custom-back="customBack" 
 		:border-bottom="false" back-icon-color="#CCE8FF" 
 		:background="{background: '#008CFF' }" title="消息详情"></u-navbar>
+	<view class="time">{{this.createTime}}</view>
+	<view class="box">
+	<view class="title">{{this.title}}</view>
 	<view class="content">{{this.content}}</view>
 	</view>
+	</view>
 </template>
 
 <script>
 	export default {
 		data() {
 			return {
-				content: "",
+				content: '',
+				createTime:'',
+				title:''
 			};
 		},
 		onLoad(page) {
 			this.content = JSON.parse(page.content);
-			console.log(page)
+			this.createTime = JSON.parse(page.createTime);
+			this.title = JSON.parse(page.title);
+			
 		},
 		methods: {
 			customBack(){
 				this.$u.route({
-					type:'switchTab',
-					url: 'pages/center/index'
+					// type:'switchTab',
+					url: 'pages/message/message'
 				});
 			}
 		}
@@ -45,10 +53,19 @@ page {
 		padding: 40rpx 40rpx;
 		
 	}
+	.box{
+		margin-top: 20rpx;
+		background-color: white;
+		border-radius: 15rpx;
+		.title{
+			padding-top: 20rpx;
+			text-align: center;
+			font-size: 40rpx;
+		}
+	}
 	.content{
+		text-indent:2em;
 		padding: 20rpx 40rpx;
 		line-height: 44rpx;
-		background-color: white;
-		border-radius: 15rpx;;
 	}
 </style>