<template>
	<div class="shortMsgInfo">
		<headNav
		@backPage="backPage"
		:title="'短信内容'"></headNav>
		
		<div class="top">
			<span class="FontColorInfo">{{ this.$route.params.time }}</span>
		</div>
		<div class="Detail">
			{{ this.$route.params.content }}
		</div>
	</div>
</template>

<script>
	import headNav from '@/components/headNav.vue'
	
	export default {
		name: 'shortMsgInfo',
		components: {
			headNav
		},
		data() {
			return {
				
			}
		},
		methods: {
			// 初始化
			init() {
				
			},
			
			backPage() {
				this.$router.go(-1);
			}
		},
	}
</script>

<style lang="scss" scoped>
	.shortMsgInfo {
		font-size: 14px;
		position: relative;
		height: calc(100vh - 57px);
		
		.top {
			margin-top: 57px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			background-color: #fff;
			padding: 20px 15px;
			
		}
		
		.Detail {
			margin-top: 20px;
			color: #949494;
			font-size: 12px;
			padding: 0px 15px;
			line-height: 25px;
			max-height: calc(100vh - 345px);
			overflow: hidden;
			overflow-y: auto;
		}
		
		.bottom {
			position: absolute;
			width: 100%;
			bottom: 0;
		}
	}
</style>

<style lang="scss">
	.shortMsgInfo {
		.van-cell {
			font-size: 12px;
			
			&::after {
				border-bottom: 1px solid #adadad;
			}
		}
	}
</style>