78 lines
1.5 KiB
Vue
78 lines
1.5 KiB
Vue
<template>
|
||
<view>
|
||
<view class="webkit-box results">
|
||
<uni-icons type="checkbox-filled" size="88" color="#009b69"></uni-icons>
|
||
<view class="title">交易已提交</view>
|
||
<view class="sub-title">预计10秒内到账，可在交易记录中查询，以实际到账时间为准</view>
|
||
<view class="hash">
|
||
<view class="hash-title">交易哈希</view>
|
||
<view class="hash-text">{{hash}}</view>
|
||
</view>
|
||
<button class="results-button" type="default" @click="navBack">返回</button>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
hash: ''
|
||
};
|
||
},
|
||
onLoad(e){
|
||
this.hash = e.hash
|
||
},
|
||
methods:{
|
||
navBack(){
|
||
uni.navigateBack()
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.results{
|
||
height: 100vh;
|
||
box-sizing: border-box;
|
||
text-align: center;
|
||
padding-left: $padding * 3;
|
||
padding-right: $padding * 3;
|
||
padding-bottom: 20vh;
|
||
.title{
|
||
font-size: $title-size + 8;
|
||
color: $text-color;
|
||
font-weight: bold;
|
||
line-height: 80rpx;
|
||
padding: $padding 0;
|
||
}
|
||
.sub-title{
|
||
color: $text-gray;
|
||
line-height: 40rpx;
|
||
}
|
||
.hash{
|
||
background-color: white;
|
||
padding: $padding * 2;
|
||
border-radius: $radius-lg;
|
||
margin-top: $margin * 2;
|
||
font-size: $title-size;
|
||
color: $text-color;
|
||
.hash-title{
|
||
padding-bottom: $padding;
|
||
}
|
||
.hash-text{
|
||
word-break:break-all;
|
||
}
|
||
}
|
||
.results-button{
|
||
margin-top: $margin * 3;
|
||
height: 90rpx;
|
||
line-height: 90rpx;
|
||
background-color: $mian-color;
|
||
color: white;
|
||
font-size: $title-size;
|
||
font-weight: bold;
|
||
}
|
||
}
|
||
</style>
|