gwlz/jp-mobile/pages/apps/mail/receivedMailDetail.vue

<template>
	<view>
		<u-cell-group :border="false">
			<u-cell :border="false">
				<u--text slot="title" :text="`标题：${mailBox.mailDTO.title}`"   ></u--text>
			</u-cell>
			<u-cell :border="false">
				<u--text slot="title" type="info" :text="`发件人：${mailBox.sender.name}`"   ></u--text>
			</u-cell>
			<u-cell :border="false">
				<u--text slot="title" type="info" :text="`收件人：${mailBox.receiverNames}`"></u--text>
			</u-cell>
			<u-cell>
				<u--text slot="title" type="info" :text="`时间：${mailBox.sendTime}`"></u--text>
			</u-cell>
		</u-cell-group>
		<view class="padding bg-white">
			<view v-html="mailBox.mailDTO.content"></view>
		</view>
	</view>
</template>

<script>
	import mailBoxService from "@/api/mail/mailBoxService";	
	export default {
		data() {
			return {
				mailBox: {
					mailDTO: {
						title: '',
						content: ''
					},
					sender: {
						name: ''
					},
					sendTime: '',
					receiverNames: ''
				}
			}
		},
		onLoad: function (option) {
			mailBoxService.queryById(option.id).then((data)=>{
				this.mailBox = data
			});
		},
		methods: {
			
		}
	}
</script>

<style>
  .mail .title {
  	min-width: calc(4em + 0px);
	text-align: right; 
	display: inline-block
  }
</style>