Files
frontend-app/pages/rwa_package/account/success.vue
T

95 lines
2.1 KiB
Vue
Raw Normal View History

2025-12-16 09:13:48 +08:00
<template>
<view class="content">
<TopSafe bgColor="rgba(0,0,0,0)"></TopSafe>
2026-07-23 14:21:17 +08:00
<Header bgColor="rgba(0,0,0,0)" />
2025-12-16 09:13:48 +08:00
<view class="setting-view">
2026-07-23 14:21:17 +08:00
<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>
2025-12-16 09:13:48 +08:00
<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 {
2026-07-23 14:21:17 +08:00
components: { Header, TopSafe, MyBtn, AccountItem },
2025-12-16 09:13:48 +08:00
data() {
return {
2026-07-23 14:21:17 +08:00
money: ''
2025-12-16 09:13:48 +08:00
};
},
onLoad(option) {
2026-07-23 14:21:17 +08:00
if (option && option.money) {
2025-12-16 09:13:48 +08:00
this.money = Number(option.money);
}
},
methods: {
2026-07-23 14:21:17 +08:00
onAdd() {
2025-12-16 09:13:48 +08:00
uni.navigateBack()
2026-07-23 14:21:17 +08:00
2025-12-16 09:13:48 +08:00
}
}
}
</script>
<style lang="scss" scoped>
2026-07-23 14:21:17 +08:00
.bottom-btn {
2025-12-16 09:13:48 +08:00
width: 100%;
2026-07-23 14:21:17 +08:00
margin-bottom: 92rpx;
2025-12-16 09:13:48 +08:00
display: flex;
flex-direction: column;
align-items: center;
padding: 0 32rpx;
box-sizing: border-box;
position: relative;
2026-07-23 14:21:17 +08:00
2025-12-16 09:13:48 +08:00
}
2026-07-23 14:21:17 +08:00
2025-12-16 09:13:48 +08:00
.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;
2026-07-23 14:21:17 +08:00
.mid-view {
width: 100%;
2025-12-16 09:13:48 +08:00
display: flex;
flex-direction: column;
overflow-y: auto;
box-sizing: border-box;
background-color: #fff;
border-radius: 16rpx;
padding: 48rpx 32rpx;
2026-07-23 14:21:17 +08:00
margin-top: 24rpx;
.input-view {
width: 100%;
height: 100rpx;
2025-12-16 09:13:48 +08:00
background-color: #f5f5f5;
border-radius: 20rpx;
2026-07-23 14:21:17 +08:00
margin-top: 32rpx;
2025-12-16 09:13:48 +08:00
display: flex;
flex-direction: row;
align-items: center;
2026-07-23 14:21:17 +08:00
2025-12-16 09:13:48 +08:00
}
}
2026-07-23 14:21:17 +08:00
2025-12-16 09:13:48 +08:00
}
</style>