<template>
	<view class="contant" style="background-color: #fff;">
		<!-- <view class="authorbox"> -->
			<!-- <view class="author">
				<image class="picture" src="../../static/images/templatemo_member_01.jpg"></image>
				<text>{{detail.from}}</text>
			</view> -->
			<!-- <view>{{detail.sendTime}}</view> -->
		<!-- </view> -->
		<view class="title">{{detail.title}}</view>
		<view class="article">{{detail.content}}</view>
		<view class="righttext">{{detail.company}}</view>
	</view>

</template>

<script>
	import {
		messages
	} from '@/api/index.js';
	import {
		goHome
	} from '@/common/basic.js';
	export default {
		onNavigationBarButtonTap(e) {
			if (e.index === 0) {
				goHome();
			}else if(e.index === 1){
				window.location.reload();
			}
		},
		data() {
			return {
				id: '',
				detail: {}
			}
		},
		// created() {
		// 	this.getmessages()
		// },

		onLoad: function(param) {
			this.id = param.id;
			this.getmessages();
		},

		methods: {
			getmessages() {
				messages(this.id).then((res) => {
					this.detail = res
				})
			}
		}
	}
</script>

<style>
	.contant {
		padding: 20upx;
	}

	.authorbox {
		display: flex;
		justify-content: space-between;
		color: #808080;
		align-items: center;
		border-bottom: 1rpx solid #eeeeee;
		font-size: 30upx;
		padding-bottom: 30upx;

	}

	.author {
		display: flex;
		justify-content: space-between;
		color: #808080;
		align-items: center;
	}

	.picture {
		width: 80upx;
		height: 80upx;
		border-radius: 50upx;
		margin-right: 25upx;
	}

	.title {
		font-size: 40upx;
		padding: 30upx 0 20upx 0;
	}

	.article {
		font-size: 35upx;
		color: #555555;
		padding: 20upx 0 20upx 0;
	}

	.righttext {
		text-align: right;
		font-size: 35upx;
		color: #555555;
		padding: 30upx 0 20upx 0;
	}
</style>
