parking_h5/pages/message/messageInfo.vue

<template>
	<view class="info">
		<u-navbar title-color="#fff" 
		: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: '',
				createTime:'',
				title:''
			};
		},
		onLoad(page) {
			this.content = JSON.parse(page.content);
			this.createTime = JSON.parse(page.createTime);
			this.title = JSON.parse(page.title);
			
		},
		methods: {
			customBack(){
				this.$u.route({
					// type:'switchTab',
					url: 'pages/message/message'
				});
			}
		}
		
	}
</script>

<style>
/* #ifndef H5 */
page {
	height: 100%;
	background-color: #F6F6FF;
}
/* #endif */
</style>

<style lang="scss" scoped>
	.info{
		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;
	}
</style>