<template>
	<view class="likInfo">
		<u-navbar title="链上信息" title-width="400" class="navBar" :title-bold="true"></u-navbar>
		<!-- 神塔产权信息 -->
		<view class="property">
			<view class="title">
				神塔产权信息
			</view>
			<u-image width="750rpx" height="480rpx" :src="info.property" mode="scaleToFill" style="margin-bottom: 25rpx;"></u-image>
			<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 class="property">
			<view class="title">
				神塔产权交易信息
			</view>
			<u-image width="750rpx" height="480rpx" :src="info.property" mode="scaleToFill" style="margin-bottom: 25rpx;"></u-image>
			<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 {
				info: {
					property: '../../../static/chanquan.png',
					height: '243900',
					createTime: '2021-06-02 14:32',
					has: '95bf1e854bcd8b7ec5aaafef8faf5b7373d03c3f649f78978b4415c7e9236f4e'
				}
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.property {
		display: flex;
		flex-wrap: wrap;
		padding: 48rpx 36rpx;
		border-bottom: 2rpx solid #F7F9FCFF;

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

		.item {
			width: 100%;
			margin-bottom: 14rpx;
			.text {
				color: #C0C4CC;
			}
			word-break:break-all;
		}

	}
</style>
