92 lines
2.0 KiB
Vue
92 lines
2.0 KiB
Vue
<template>
|
||
<view>
|
||
<view class="vertical results">
|
||
<uni-icons type="checkbox-filled" size="88" color="#34CE98"></uni-icons>
|
||
<view class="title">{{type !== 'recharge' ? '转账交易已提交' : '充值信息已提交'}}</view>
|
||
<view class="sub-title">预计10秒内到账，{{type !== 'recharge' ? '可在DT积分账户交易记录中查询，以实际到账时间为准' : '可在DT积分账户交易记录中查询，如充值失败充值金额原路退还'}}</view>
|
||
<view class="hash" v-if="type !== 'recharge'">
|
||
<view class="hash-title">交易哈希</view>
|
||
<view class="hash-text">{{hash}}</view>
|
||
</view>
|
||
<button class="results-button" type="default" size="default" @click="navBack">返回</button>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
type: 'recharge',
|
||
hash: ''
|
||
};
|
||
},
|
||
onLoad(e){
|
||
this.type = e.type
|
||
if(e.type === 'recharge'){
|
||
uni.setNavigationBarTitle({
|
||
title: '充值结果'
|
||
})
|
||
}
|
||
if(e.hash){
|
||
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{
|
||
width: 100%;
|
||
margin-top: $margin * 3;
|
||
height: 90rpx;
|
||
line-height: 90rpx;
|
||
border-radius: 45rpx;
|
||
background-color: $main-color;
|
||
color: white;
|
||
font-size: $title-size;
|
||
font-weight: bold;
|
||
&::after{
|
||
display: none;
|
||
}
|
||
}
|
||
}
|
||
</style>
|