hy/aslan-h5
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(主播专用提现页面): 新增跳转功能，调整代码

Browse Source
This commit is contained in:
hzj 2026-03-16 15:55:40 +08:00
parent 81f92cc60e
commit bcd075457e
1 changed files with 68 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/views/Wallet/CashOut/CashWithdraw.vue
View File

@ -16,7 +16,7 @@
<!-- 主体内容 --> <!-- 主体内容 -->
<div style="padding: 16px; display: flex; flex-direction: column; gap: 2vw"> <div style="padding: 16px; display: flex; flex-direction: column; gap: 2vw">
<!-- 提现部分 --> <!-- Salary Balance -->
<div style="display: flex; flex-direction: column; gap: 2vw"> <div style="display: flex; flex-direction: column; gap: 2vw">
<!-- 收入金额 --> <!-- 收入金额 -->
<div style="display: flex; justify-content: space-between; align-items: center"> <div style="display: flex; justify-content: space-between; align-items: center">
@ -58,7 +58,7 @@
</div> </div>
</div> </div>
<!-- 使用的银行卡 --> <!-- Your Card (In Use) -->
<div style="display: flex; flex-direction: column; gap: 2vw"> <div style="display: flex; flex-direction: column; gap: 2vw">
<!-- 标题 --> <!-- 标题 -->
<div style="display: flex; justify-content: space-between; align-items: center"> <div style="display: flex; justify-content: space-between; align-items: center">
@ -71,7 +71,7 @@
alt="" alt=""
style="width: 6vw" style="width: 6vw"
class="flipImg" class="flipImg"
@click="gotoselectBank" @click="goToSelectBank"
/> />
</div> </div>
@ -144,9 +144,10 @@
</div> </div>
</div> </div>
<!-- 个人信息 --> <!-- KYC -->
<div style="display: flex; flex-direction: column; gap: 2vw"> <div style="display: flex; flex-direction: column; gap: 2vw">
<!-- 标题 --> <!-- 标题 -->
<div style="display: flex; justify-content: space-between; align-items: center">
<div style="display: flex; align-items: center"> <div style="display: flex; align-items: center">
<div style="font-weight: 600">{{ t('kyc') }}</div> <div style="font-weight: 600">{{ t('kyc') }}</div>
@ -199,6 +200,17 @@
</div> </div>
</div> </div>
<!-- 跳转按钮 -->
<img
v-smart-img
src="/src/assets/icon/arrow.png"
alt=""
style="width: 6vw"
class="flipImg"
@click="goToKYC"
/>
</div>
<!-- 资料内容 --> <!-- 资料内容 -->
<div <div
style=" style="
@ -213,7 +225,7 @@
<div <div
v-if="!hasKYC" v-if="!hasKYC"
style="display: flex; justify-content: space-between; align-items: center" style="display: flex; justify-content: space-between; align-items: center"
@click="gotoKYC" @click="goToKYC"
> >
<span style="font-weight: 510; font-size: 1em">{{ t('complete_information') }}</span> <span style="font-weight: 510; font-size: 1em">{{ t('complete_information') }}</span>
<img <img
@ -240,7 +252,7 @@
src="/src/assets/icon/arrow.png" src="/src/assets/icon/arrow.png"
alt="" alt=""
style="width: 6vw" style="width: 6vw"
@click="gotoKYC" @click="goToKYC"
class="flipImg" class="flipImg"
/> --> /> -->
</div> </div>
@ -352,7 +364,7 @@
padding: 8px 12px; padding: 8px 12px;
width: 50%; width: 50%;
" "
@click="gotoKYC" @click="goToKYC"
> >
{{ t('receive') }} {{ t('receive') }}
</div> </div>
@ -608,8 +620,8 @@ const hasKYC = computed(() => {
return bankCardInfo.value != null return bankCardInfo.value != null
}) })
// 前往选择提交方式 // 前往选择银行卡
const gotoselectBank = () => { const goToSelectBank = () => {
router.push('/bank-card') router.push('/bank-card')
} }
@ -619,7 +631,7 @@ const lookDetails = () => {
} }
// 查看历史提现信息 // 查看历史提现信息
const gotoKYC = () => { const goToKYC = () => {
router.push('/KYC') router.push('/KYC')
} }