95 lines
2.1 KiB
Vue
95 lines
2.1 KiB
Vue
<template>
|
||
<view class="content">
|
||
<TopSafe bgColor="rgba(0,0,0,0)"></TopSafe>
|
||
<Header bgColor="rgba(0,0,0,0)" />
|
||
<view class="setting-view">
|
||
<u-icon size="54" name="checkmark-circle-fill" style="margin-top:84rpx" color="#7934F6"></u-icon>
|
||
<text class="text-zu text-32 mt-24">提现成功 ￥{{ money || 0 }}</text>
|
||
<text class="text-fu1 text-28 mt-24" style="text-align: center;">由于第三方结算原因，提现成功后可能存在一定延迟请关注提现账户变动情况~</text>
|
||
</view>
|
||
<view class="bottom-btn">
|
||
<MyBtn text="好的我知道了" @ok="onAdd"></MyBtn>
|
||
</view>
|
||
<up-toast ref="uToastRef"></up-toast>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import Header from '@/components/common/header.vue';
|
||
import TopSafe from '@/components/common/top-safe.nvue'
|
||
import MyBtn from '@/components/common/my-btn.vue'
|
||
import AccountItem from './components/account-item.vue'
|
||
|
||
export default {
|
||
components: { Header, TopSafe, MyBtn, AccountItem },
|
||
data() {
|
||
return {
|
||
money: ''
|
||
};
|
||
},
|
||
onLoad(option) {
|
||
if (option && option.money) {
|
||
this.money = Number(option.money);
|
||
}
|
||
},
|
||
methods: {
|
||
onAdd() {
|
||
uni.navigateBack()
|
||
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.bottom-btn {
|
||
width: 100%;
|
||
margin-bottom: 92rpx;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
padding: 0 32rpx;
|
||
box-sizing: border-box;
|
||
position: relative;
|
||
|
||
}
|
||
|
||
.setting-view {
|
||
width: 100%;
|
||
height: calc(100% - 88rpx - 92rpx - 88rpx - var(--status-bar-height));
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
overflow-y: auto;
|
||
padding: 0 32rpx;
|
||
box-sizing: border-box;
|
||
position: relative;
|
||
|
||
.mid-view {
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
overflow-y: auto;
|
||
box-sizing: border-box;
|
||
background-color: #fff;
|
||
border-radius: 16rpx;
|
||
padding: 48rpx 32rpx;
|
||
margin-top: 24rpx;
|
||
|
||
.input-view {
|
||
width: 100%;
|
||
height: 100rpx;
|
||
background-color: #f5f5f5;
|
||
border-radius: 20rpx;
|
||
margin-top: 32rpx;
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
</style>
|