You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
2.4 KiB
122 lines
2.4 KiB
<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>
|
|
|