<template>
	<view class="mesgInfo">
		<u-navbar title="消息详情" :title-bold="true"></u-navbar>
		<view class="head">
			<view class="title">
				{{content.title}}
			</view>
			<view class="time">
				{{content.time}}
			</view>
		</view>
		<view class="info">
			<view class="text">
				{{content.text}}
			</view>
			<view>
				<u-image width="678rpx" height="480rpx" class="img" :src="info.property" border-radius="12rpx"
					mode="scaleToFill"></u-image>
			</view>
			<view class="title">
				上链详情
			</view>
			<view class="item">
				<text class="text">区域高度：</text>{{info.height}}
			</view>
			<view class="item">
				<text class="text">上链时间：</text>{{info.createTime}}
			</view>
			<view class="item">
				<text class="text">链上哈希：</text>{{info.has}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content: {
					title: '订单P06023400已成功上链',
					time: '2021-06-03 15:43',
					text: '“执手偕老”形容爱情的忠贞与永恒,是岁月所难以磨灭的记忆与回答。此设计用模拟的两只手相连表示夫妻恩爱,共同撑起爱的家庭；汉白玉做卧碑上书写孝经教育后人尊敬长辈,夫妻恩爱；用 四方神兽图案，来福佑子孙万代。',
				},
				info: {
					property: '../../../static/chanquan.png',
					height: '243900',
					createTime: '2021-06-02 14:32',
					has: '95bf1e854bcd8b7ec5aaafef8faf5b7373d03c3f649f78978b4415c7e9236f4e'
				}
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.mesgInfo {
		.head {
			padding: 0 36rpx;
			margin-bottom: 48rpx;
			font-family: SF Pro;

			.title {
				margin-top: 48rpx;
				font-size: 36rpx;
				font-weight: 600;
				font-family: SF Pro;
			}

			.time {
				color: #BFC2CC;
			}
		}

		.info {
			display: flex;
			flex-wrap: wrap;
			padding: 48rpx 36rpx;
			border-bottom: 2rpx solid #F7F9FCFF;

			.u-image {
				margin: 24rpx 0;
			}

			.title {
				display: flex;
				width: 100%;
				margin-bottom: 24rpx;
				font-size: 32rpx;
				color: #303133;
				font-weight: 600;
			}

			.text {
				width: 678rpx;
				height: 240rpx;
				font-size: 28rpx;
				font-family: SF Pro;
				line-height: 50rpx;
				color: #303133;
			}

			.item {
				width: 100%;
				margin-bottom: 14rpx;

				.text {
					color: #C0C4CC;
				}

				font-size: 28rpx;
				font-family: SF Pro;
				line-height: 36rpx;
				color: #303133;
				word-break:break-all;
			}
		}
	}
</style>
