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; 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
|
||||
@ -88,15 +88,7 @@
|
||||
style="display: flex; align-items: center"
|
||||
@click="gotoselectBank"
|
||||
>
|
||||
<div style="font-weight: 400; color: rgba(0, 0, 0, 0.4)">More</div>
|
||||
<!-- 跳转按钮 -->
|
||||
<img
|
||||
v-smart-img
|
||||
src="/src/assets/icon/arrow.png"
|
||||
alt=""
|
||||
style="width: 6vw"
|
||||
class="flipImg"
|
||||
/>
|
||||
<div style="font-weight: 400; color: rgba(0, 0, 0, 0.4)">{{ t('more') }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -278,7 +270,7 @@
|
||||
<div style="display: flex; justify-content: space-between; align-items: center">
|
||||
<!-- 图片数量 -->
|
||||
<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="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 }}
|
||||
</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 }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -226,15 +226,17 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
gap: 2vw;
|
||||
"
|
||||
@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.4); font-weight: 600; font-size: 0.8em">
|
||||
<div style="color: rgba(0, 0, 0, 0.8); font-weight: 700; font-size: 1.2em">
|
||||
{{ t('prompt') }}
|
||||
</div>
|
||||
<div style="color: rgba(0, 0, 0, 0.8); font-weight: 600">
|
||||
{{ t('fill_info_tips') }}
|
||||
</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') }}
|
||||
</div>
|
||||
<div
|
||||
|
||||
@ -23,10 +23,14 @@
|
||||
: ''
|
||||
"
|
||||
>
|
||||
<!-- 没有使用中的银行卡 -->
|
||||
<div v-if="!usedBankCard.cardNo" style="font-weight: 510; color: rgba(0, 0, 0, 0.4)">
|
||||
{{ t('no_bank_cards_in_use') }}
|
||||
</div>
|
||||
|
||||
<!-- 使用中的银行卡 -->
|
||||
<div v-else style="display: flex; align-items: center; gap: 2vw">
|
||||
<!-- 银行图标 -->
|
||||
<div style="width: 4.5em">
|
||||
<img
|
||||
v-smart-img
|
||||
@ -44,10 +48,12 @@
|
||||
/>
|
||||
</div>
|
||||
|
||||
<!-- 信息 -->
|
||||
<div
|
||||
style="
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
@ -64,7 +70,15 @@
|
||||
>
|
||||
{{ t('payee') }}: {{ usedBankCard.payee }}
|
||||
</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 }}
|
||||
</div>
|
||||
</div>
|
||||
@ -136,7 +150,15 @@
|
||||
>
|
||||
{{ t('payee') }}: {{ card.payee }}
|
||||
</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 }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -134,7 +134,7 @@
|
||||
<!-- 图片 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center">
|
||||
<span style="font-weight: 510; font-size: 1em">{{
|
||||
t('passport_id_card', { current: bankCardInfo.previewUrls.length })
|
||||
t('passport_id_card_title')
|
||||
}}</span>
|
||||
<img
|
||||
v-smart-img
|
||||
|
||||
@ -88,7 +88,7 @@
|
||||
? `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)">
|
||||
@ -136,7 +136,15 @@
|
||||
>
|
||||
{{ t('payee') }}: {{ usedBankCard?.payee }}
|
||||
</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 }}
|
||||
</div>
|
||||
</div>
|
||||
@ -241,9 +249,9 @@
|
||||
<div v-else style="width: 100%; display: flex; flex-direction: column; gap: 8px">
|
||||
<!-- 资料 -->
|
||||
<div style="display: flex; justify-content: space-between; align-items: center">
|
||||
<!-- 图片数量 -->
|
||||
<!-- 标题 -->
|
||||
<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="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 }}
|
||||
</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 }}
|
||||
</div>
|
||||
</div>
|
||||
@ -392,7 +414,7 @@
|
||||
<!-- 标题 -->
|
||||
<div style="display: flex; justify-content: center; align-items: center">
|
||||
<div style="margin: 0; font-size: 18px; font-weight: 600; color: #333">
|
||||
{{ t('bd_salary') }}
|
||||
{{ t('bank_card') }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -472,7 +494,15 @@
|
||||
>
|
||||
{{ t('payee') }}: {{ card.payee }}
|
||||
</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 }}
|
||||
</div>
|
||||
</div>
|
||||
@ -529,12 +559,14 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
gap: 2vw;
|
||||
"
|
||||
@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: 600; font-size: 0.8em">
|
||||
<div style="color: rgba(0, 0, 0, 0.8); font-weight: 700; font-size: 1.2em">
|
||||
{{ t('tips') }}
|
||||
</div>
|
||||
<div style="color: rgba(0, 0, 0, 0.8); font-weight: 600">
|
||||
{{ t('cash_withdrawal_tips') }}
|
||||
</div>
|
||||
<div
|
||||
@ -627,7 +659,7 @@ const goToSelectBank = () => {
|
||||
|
||||
// 查看历史提现信息
|
||||
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, #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">
|
||||
{{ t('change_kyc') }}
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<!-- 使用 GeneralHeader 替换 MobileHeader -->
|
||||
<GeneralHeader
|
||||
:showLanguageList="true"
|
||||
:title="t('information_details')"
|
||||
:title="t('details')"
|
||||
color="black"
|
||||
style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999"
|
||||
/>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user