<template>
|
<view class="page">
|
<view class="navigation-bar">
|
<view class="back-button" @tap="returnToWithdrawal"><image class="back-icon" src="/static/icons/lucide/back-left.svg" mode="aspectFit"></image></view>
|
<text class="page-title">商户提现</text>
|
</view>
|
|
<view class="result-content">
|
<view class="success-icon-shell">
|
<image class="success-icon" src="/static/icons/lucide/badge-check-orange.svg" mode="aspectFit"></image>
|
</view>
|
<text class="result-title">提交成功，等待审核</text>
|
<text v-if="withdrawalNo.length > 0" class="withdrawal-no">提现单号：{{withdrawalNo}}</text>
|
<text class="result-tip">审核通过后将发起到账处理，请留意提现记录状态。</text>
|
<view class="return-button" @tap="returnToWithdrawal"><text>返回</text></view>
|
</view>
|
</view>
|
</template>
|
|
<script setup lang="uts">
|
const withdrawalNo = ref('')
|
onLoad((options: any) => { withdrawalNo.value = options != null && options.withdrawalNo != null ? '' + options.withdrawalNo : '' })
|
const returnToWithdrawal = () => {
|
uni.navigateBack({
|
delta: 1,
|
fail: () => {
|
uni.reLaunch({ url: '/pages/withdrawal/withdrawal' })
|
}
|
})
|
}
|
</script>
|
|
<style>
|
page { background-color: #F4F6F9; }
|
.page { display: flex; flex: 1; width: 100%; height: 100vh; flex-direction: column; overflow: hidden; background-color: #F4F6F9; }
|
.navigation-bar { display: flex; height: 174rpx; padding: 68rpx 38rpx 0; flex: none; flex-direction: row; align-items: center; position: relative; background-color: #F4F6F9; box-sizing: border-box; }
|
.back-button { display: flex; width: 64rpx; height: 64rpx; justify-content: center; align-items: center; position: absolute; left: 38rpx; top: 89rpx; z-index: 2; }
|
.back-icon { width: 38rpx; height: 38rpx; }
|
.page-title { width: 100%; color: #202B3E; font-size: 34rpx; line-height: 48rpx; text-align: center; font-weight: 700; }
|
.result-content { display: flex; flex: 1; padding: 112rpx 64rpx 0; flex-direction: column; align-items: center; box-sizing: border-box; }
|
.success-icon-shell { display: flex; width: 170rpx; height: 170rpx; justify-content: center; align-items: center; border-radius: 85rpx; background-color: #FFF0E7; box-shadow: 0 16rpx 34rpx rgba(255, 107, 44, 0.13); }
|
.success-icon { width: 100rpx; height: 100rpx; }
|
.result-title { margin-top: 42rpx; color: #273345; font-size: 30rpx; line-height: 44rpx; text-align: center; font-weight: 700; }
|
.withdrawal-no { margin-top: 22rpx; color: #7D8797; font-size: 25rpx; line-height: 36rpx; }
|
.result-tip { margin-top: 14rpx; color: #9AA3B0; font-size: 23rpx; line-height: 34rpx; text-align: center; }
|
.return-button { display: flex; width: 100%; height: 88rpx; margin-top: 86rpx; justify-content: center; align-items: center; border-radius: 44rpx; color: #FFFFFF; font-size: 29rpx; line-height: 41rpx; font-weight: 700; background-image: linear-gradient(90deg, #FF7625 0%, #FF9630 100%); box-shadow: 0 12rpx 24rpx rgba(255, 107, 36, 0.20); }
|
</style>
|
