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.
89 lines
2.0 KiB
89 lines
2.0 KiB
<template>
|
|
<view>
|
|
<lf-nav :spreadOut="true" :showIcon="true" bgColor="#fff" title="支付结果"></lf-nav>
|
|
<view class="lf-p-30" style="margin: 0 auto;">
|
|
<view class="confirm-card">
|
|
<view class="state-btn" v-if="payState">
|
|
<u-icon name="checkbox-mark" style="font-size: 100rpx;" class="lf-color-white"></u-icon>
|
|
</view>
|
|
<view class="state-btn1" v-else>
|
|
<u-icon name="close" style="font-size: 100rpx;" class="lf-color-white"></u-icon>
|
|
</view>
|
|
<view>
|
|
<text class="lf-font-32 lf-color-777 lf-m-r-10">到账</text>
|
|
<text style="font-size: 72rpx;color: #0D2E9A;" v-if="payState">¥{{ amount }}</text>
|
|
<text style="font-size: 72rpx;color: #0D2E9A;" v-else>失败</text>
|
|
</view>
|
|
<view>
|
|
<button class="confirmcash-btn" @click="backHome">返回主页</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
payState: 1,
|
|
amount: 0
|
|
}
|
|
},
|
|
onLoad(options){
|
|
this.payState = Boolean(Number(options.payState));
|
|
this.amount = options.amount;
|
|
},
|
|
methods: {
|
|
backHome(){
|
|
this.$url('/pages/business/center/center', {type: 'launch'});
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped lang="scss">
|
|
.state-btn {
|
|
width: 220rpx;
|
|
height: 220rpx;
|
|
background: #0D2E9A;
|
|
margin-bottom: 30rpx;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.state-btn1 {
|
|
width: 220rpx;
|
|
height: 220rpx;
|
|
background: #777777;
|
|
margin-bottom: 30rpx;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.confirmcash-btn {
|
|
width: 550rpx;
|
|
height: 100rpx;
|
|
background: white;
|
|
border-radius: 50rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
font-size: 32rpx;
|
|
color: #0D2E9A;
|
|
align-items: center;
|
|
border: 1px solid #0D2E9A;
|
|
margin-top: 100rpx;
|
|
}
|
|
.confirm-card {
|
|
padding: 30rpx 0;
|
|
width: 686rpx;
|
|
height: max-content;
|
|
background: #FFFFFF;
|
|
border-radius: 20rpx;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
}
|
|
</style>
|