chore(提现相关页面): 翻译、样式调整
This commit is contained in:
hzj
parent
5604077c81
commit
6546fa2d86
@ -80,7 +80,7 @@
|
|||||||
<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">
|
<div style="display: flex; justify-content: space-between">
|
||||||
<div style="font-size: 1.4em; font-weight: 600">Bank Card</div>
|
<div style="font-size: 1.4em; font-weight: 600">{{ t('bank_card') }}</div>
|
||||||
|
|
||||||
<!-- 跳转按钮 -->
|
<!-- 跳转按钮 -->
|
||||||
<div
|
<div
|
||||||
@ -88,15 +88,7 @@
|
|||||||
style="display: flex; align-items: center"
|
style="display: flex; align-items: center"
|
||||||
@click="gotoselectBank"
|
@click="gotoselectBank"
|
||||||
>
|
>
|
||||||
<div style="font-weight: 400; color: rgba(0, 0, 0, 0.4)">More</div>
|
<div style="font-weight: 400; color: rgba(0, 0, 0, 0.4)">{{ t('more') }}</div>
|
||||||
<!-- 跳转按钮 -->
|
|
||||||
<img
|
|
||||||
v-smart-img
|
|
||||||
src="/src/assets/icon/arrow.png"
|
|
||||||
alt=""
|
|
||||||
style="width: 6vw"
|
|
||||||
class="flipImg"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -278,7 +270,7 @@
|
|||||||
<div style="display: flex; justify-content: space-between; align-items: center">
|
<div style="display: flex; justify-content: space-between; align-items: center">
|
||||||
<!-- 图片数量 -->
|
<!-- 图片数量 -->
|
||||||
<span style="font-weight: 510; font-size: 1em"
|
<span style="font-weight: 510; font-size: 1em"
|
||||||
>{{ t('passport_id_card', { current: bankCardInfo.previewUrls.length }) }}:</span
|
>{{ t('passport_id_card_title') }}:</span
|
||||||
>
|
>
|
||||||
|
|
||||||
<!-- 跳转按钮 -->
|
<!-- 跳转按钮 -->
|
||||||
@ -304,13 +296,27 @@
|
|||||||
|
|
||||||
<!-- 联系方式 -->
|
<!-- 联系方式 -->
|
||||||
<div style="font-weight: 500">{{ t('contact_number') }}:</div>
|
<div style="font-weight: 500">{{ t('contact_number') }}:</div>
|
||||||
<div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.8em">
|
<div
|
||||||
|
style="
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 0.8em;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
"
|
||||||
|
>
|
||||||
{{ bankCardInfo.contactNumber }}
|
{{ bankCardInfo.contactNumber }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 备注信息 -->
|
<!-- 备注信息 -->
|
||||||
<div style="font-weight: 500">{{ t('other_description') }}:</div>
|
<div style="font-weight: 500">{{ t('other_description') }}:</div>
|
||||||
<div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.8em">
|
<div
|
||||||
|
style="
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 0.8em;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
"
|
||||||
|
>
|
||||||
{{ bankCardInfo.otherDescription }}
|
{{ bankCardInfo.otherDescription }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -226,15 +226,17 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 4px;
|
gap: 2vw;
|
||||||
"
|
"
|
||||||
@click.stop
|
@click.stop
|
||||||
>
|
>
|
||||||
<div style="color: rgba(0, 0, 0, 0.8); font-weight: 800">{{ t('prompt') }}</div>
|
<div style="color: rgba(0, 0, 0, 0.8); font-weight: 700; font-size: 1.2em">
|
||||||
<div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.8em">
|
{{ t('prompt') }}
|
||||||
|
</div>
|
||||||
|
<div style="color: rgba(0, 0, 0, 0.8); font-weight: 600">
|
||||||
{{ t('fill_info_tips') }}
|
{{ t('fill_info_tips') }}
|
||||||
</div>
|
</div>
|
||||||
<div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.6em">
|
<div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.8em">
|
||||||
{{ t('card_issue_tips') }}
|
{{ t('card_issue_tips') }}
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
|
|||||||
@ -23,10 +23,14 @@
|
|||||||
: ''
|
: ''
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
|
<!-- 没有使用中的银行卡 -->
|
||||||
<div v-if="!usedBankCard.cardNo" style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
|
<div v-if="!usedBankCard.cardNo" style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
|
||||||
{{ t('no_bank_cards_in_use') }}
|
{{ t('no_bank_cards_in_use') }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 使用中的银行卡 -->
|
||||||
<div v-else style="display: flex; align-items: center; gap: 2vw">
|
<div v-else style="display: flex; align-items: center; gap: 2vw">
|
||||||
|
<!-- 银行图标 -->
|
||||||
<div style="width: 4.5em">
|
<div style="width: 4.5em">
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
@ -44,10 +48,12 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 信息 -->
|
||||||
<div
|
<div
|
||||||
style="
|
style="
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
@ -64,7 +70,15 @@
|
|||||||
>
|
>
|
||||||
{{ t('payee') }}: {{ usedBankCard.payee }}
|
{{ t('payee') }}: {{ usedBankCard.payee }}
|
||||||
</div>
|
</div>
|
||||||
<div style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
|
<div
|
||||||
|
style="
|
||||||
|
font-weight: 510;
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
"
|
||||||
|
>
|
||||||
{{ t('card_number') }}: {{ usedBankCard.cardNo }}
|
{{ t('card_number') }}: {{ usedBankCard.cardNo }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -136,7 +150,15 @@
|
|||||||
>
|
>
|
||||||
{{ t('payee') }}: {{ card.payee }}
|
{{ t('payee') }}: {{ card.payee }}
|
||||||
</div>
|
</div>
|
||||||
<div style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
|
<div
|
||||||
|
style="
|
||||||
|
font-weight: 510;
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
"
|
||||||
|
>
|
||||||
{{ t('card_number') }}: {{ card.cardNo }}
|
{{ t('card_number') }}: {{ card.cardNo }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -134,7 +134,7 @@
|
|||||||
<!-- 图片 -->
|
<!-- 图片 -->
|
||||||
<div style="display: flex; justify-content: space-between; align-items: center">
|
<div style="display: flex; justify-content: space-between; align-items: center">
|
||||||
<span style="font-weight: 510; font-size: 1em">{{
|
<span style="font-weight: 510; font-size: 1em">{{
|
||||||
t('passport_id_card', { current: bankCardInfo.previewUrls.length })
|
t('passport_id_card_title')
|
||||||
}}</span>
|
}}</span>
|
||||||
<img
|
<img
|
||||||
v-smart-img
|
v-smart-img
|
||||||
|
|||||||
@ -88,7 +88,7 @@
|
|||||||
? `border-radius: 11.75px;border: 0.5px solid rgba(255, 255, 255, 0.08);`
|
? `border-radius: 11.75px;border: 0.5px solid rgba(255, 255, 255, 0.08);`
|
||||||
: ''
|
: ''
|
||||||
"
|
"
|
||||||
@click="cashOutTypeShow = true"
|
@click="usedBankCard ? (cashOutTypeShow = true) : ''"
|
||||||
>
|
>
|
||||||
<!-- 无使用银行卡 -->
|
<!-- 无使用银行卡 -->
|
||||||
<div v-if="!usedBankCard" style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
|
<div v-if="!usedBankCard" style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
|
||||||
@ -136,7 +136,15 @@
|
|||||||
>
|
>
|
||||||
{{ t('payee') }}: {{ usedBankCard?.payee }}
|
{{ t('payee') }}: {{ usedBankCard?.payee }}
|
||||||
</div>
|
</div>
|
||||||
<div style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
|
<div
|
||||||
|
style="
|
||||||
|
font-weight: 510;
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
"
|
||||||
|
>
|
||||||
{{ t('card_number') }}: {{ usedBankCard?.cardNo }}
|
{{ t('card_number') }}: {{ usedBankCard?.cardNo }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -241,9 +249,9 @@
|
|||||||
<div v-else style="width: 100%; display: flex; flex-direction: column; gap: 8px">
|
<div v-else style="width: 100%; display: flex; flex-direction: column; gap: 8px">
|
||||||
<!-- 资料 -->
|
<!-- 资料 -->
|
||||||
<div style="display: flex; justify-content: space-between; align-items: center">
|
<div style="display: flex; justify-content: space-between; align-items: center">
|
||||||
<!-- 图片数量 -->
|
<!-- 标题 -->
|
||||||
<span style="font-weight: 510; font-size: 1em"
|
<span style="font-weight: 510; font-size: 1em"
|
||||||
>{{ t('passport_id_card', { current: bankCardInfo.previewUrls.length }) }}:</span
|
>{{ t('passport_id_card_title') }}:</span
|
||||||
>
|
>
|
||||||
|
|
||||||
<!-- 跳转按钮 -->
|
<!-- 跳转按钮 -->
|
||||||
@ -269,13 +277,27 @@
|
|||||||
|
|
||||||
<!-- 联系方式 -->
|
<!-- 联系方式 -->
|
||||||
<div style="font-weight: 500">{{ t('contact_number') }}:</div>
|
<div style="font-weight: 500">{{ t('contact_number') }}:</div>
|
||||||
<div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.8em">
|
<div
|
||||||
|
style="
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 0.8em;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
"
|
||||||
|
>
|
||||||
{{ bankCardInfo.contactNumber }}
|
{{ bankCardInfo.contactNumber }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 备注信息 -->
|
<!-- 备注信息 -->
|
||||||
<div style="font-weight: 500">{{ t('other_description') }}:</div>
|
<div style="font-weight: 500">{{ t('other_description') }}:</div>
|
||||||
<div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.8em">
|
<div
|
||||||
|
style="
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 0.8em;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
"
|
||||||
|
>
|
||||||
{{ bankCardInfo.otherDescription }}
|
{{ bankCardInfo.otherDescription }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -392,7 +414,7 @@
|
|||||||
<!-- 标题 -->
|
<!-- 标题 -->
|
||||||
<div style="display: flex; justify-content: center; align-items: center">
|
<div style="display: flex; justify-content: center; align-items: center">
|
||||||
<div style="margin: 0; font-size: 18px; font-weight: 600; color: #333">
|
<div style="margin: 0; font-size: 18px; font-weight: 600; color: #333">
|
||||||
{{ t('bd_salary') }}
|
{{ t('bank_card') }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -472,7 +494,15 @@
|
|||||||
>
|
>
|
||||||
{{ t('payee') }}: {{ card.payee }}
|
{{ t('payee') }}: {{ card.payee }}
|
||||||
</div>
|
</div>
|
||||||
<div style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
|
<div
|
||||||
|
style="
|
||||||
|
font-weight: 510;
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
"
|
||||||
|
>
|
||||||
{{ t('card_number') }}: {{ card.cardNo }}
|
{{ t('card_number') }}: {{ card.cardNo }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -529,12 +559,14 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 4px;
|
gap: 2vw;
|
||||||
"
|
"
|
||||||
@click.stop
|
@click.stop
|
||||||
>
|
>
|
||||||
<div style="color: rgba(0, 0, 0, 0.8); font-weight: 800">{{ t('tips') }}</div>
|
<div style="color: rgba(0, 0, 0, 0.8); font-weight: 700; font-size: 1.2em">
|
||||||
<div style="color: rgba(0, 0, 0, 0.8); font-weight: 600; font-size: 0.8em">
|
{{ t('tips') }}
|
||||||
|
</div>
|
||||||
|
<div style="color: rgba(0, 0, 0, 0.8); font-weight: 600">
|
||||||
{{ t('cash_withdrawal_tips') }}
|
{{ t('cash_withdrawal_tips') }}
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
@ -627,7 +659,7 @@ const goToSelectBank = () => {
|
|||||||
|
|
||||||
// 查看历史提现信息
|
// 查看历史提现信息
|
||||||
const lookDetails = () => {
|
const lookDetails = () => {
|
||||||
router.push('/cash-out-details')
|
router.push('/information-details')
|
||||||
}
|
}
|
||||||
|
|
||||||
// 查看历史提现信息
|
// 查看历史提现信息
|
||||||
|
|||||||
@ -176,7 +176,7 @@
|
|||||||
? 'linear-gradient(135deg, #BB92FF 2.82%, #8B45FF 99.15%), linear-gradient(135deg, #D1CED6 2.82%, #7C7882 99.15%)'
|
? 'linear-gradient(135deg, #BB92FF 2.82%, #8B45FF 99.15%), linear-gradient(135deg, #D1CED6 2.82%, #7C7882 99.15%)'
|
||||||
: 'linear-gradient(135deg, #D1CED6 2.82%, #7C7882 99.15%)',
|
: 'linear-gradient(135deg, #D1CED6 2.82%, #7C7882 99.15%)',
|
||||||
}"
|
}"
|
||||||
@click="maskLayerShow = true"
|
@click="checkStatus ? (maskLayerShow = true) : ''"
|
||||||
>
|
>
|
||||||
<div v-if="updateStatus" style="color: #fff; font-weight: 590; text-align: center">
|
<div v-if="updateStatus" style="color: #fff; font-weight: 590; text-align: center">
|
||||||
{{ t('change_kyc') }}
|
{{ t('change_kyc') }}
|
||||||
|
|||||||
@ -3,7 +3,7 @@
|
|||||||
<!-- 使用 GeneralHeader 替换 MobileHeader -->
|
<!-- 使用 GeneralHeader 替换 MobileHeader -->
|
||||||
<GeneralHeader
|
<GeneralHeader
|
||||||
:showLanguageList="true"
|
:showLanguageList="true"
|
||||||
:title="t('information_details')"
|
:title="t('details')"
|
||||||
color="black"
|
color="black"
|
||||||
style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
|
style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
|
||||||
/>
|
/>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user