xihaigou/pages/user/messageDetail.vue

<template>
	<view class="content">
		<view class="title">
			<image src="../../static/img/detailImg.jpg" mode=""></image>
		</view>
		
		<view class="contentt">
			{{list.content}}
		</view>
		<view class="time">
			{{time}}
		</view>
	</view>
</template>

<script>
	import {messageDetail} from '@/api/index.js'
	import {getTime} from '@/utils/rocessor.js'
	export default {
		data() {
			return {
				id:'',
				list:[],
				time:'',
				isLook:false
			};
		},
		onLoad(options){
			 this.id =options.id
			console.log(this.id,'打印');
			this.get()
		},
		onShow() {
			this.get()
		},
		methods: {
			get(){
				messageDetail({},this.id).then(res=>{
					console.log(res,'rees');
					this.list = res.data
					this.time = getTime(res.data.add_time)
				})
			}
		},
	}
</script>

<style lang="scss">
.content{
	padding: 30rpx;
}
.title{
	width: 690rpx;
	height: 300rpx;
	border-radius: 20rpx;
	overflow: hidden;
	image{
		width: 100%;
		height: 100%;
	}
}
.contentt{
	margin-top: 20rpx;
	font-size: 34rpx;
	font-weight: 500;
}
.time{
	margin-top: 40rpx;
	display: flex;
	justify-content: flex-end;
	color: coral;
}
</style>