<template> <view> <u-cell-group :border="false"> <u-cell :border="false"> <u--text slot="title" :text="`标题:${mailCompose.mailDTO.title}`" ></u--text> </u-cell> <u-cell :border="false"> <u--text slot="title" type="info" text="发件人:自己" ></u--text> </u-cell> <u-cell :border="false"> <u--text slot="title" type="info" :text="`收件人:${mailCompose.receiverNames}`"></u--text> </u-cell> <u-cell> <u--text slot="title" type="info" :text="`时间: ${mailCompose.sendTime}`"></u--text> </u-cell> </u-cell-group> <view class="padding bg-white"> <view v-html="mailCompose.mailDTO.content"></view> </view> </view> </template> <script> import mailComposeService from "@/api/mail/mailComposeService"; export default { data() { return { mailCompose: { mailDTO: { title: '', content: '' }, sendTime: '', receiverNames: '', sender: { name: '' } } } }, onLoad: function (option) { mailComposeService.queryById(option.id).then((data)=>{ this.mailCompose = data }); }, methods: { } } </script> <style> .mail .title { min-width: calc(4em + 0px); text-align: right; display: inline-block } </style>