|
@@ -346,8 +346,8 @@
|
|
|
></preview-card>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 需充值 -->
|
|
|
- <div class="card-content" v-if="isMoneyRewardCpd && Number(baseFormData.amountValue) > Number(currentCurrencyInfo.balance)">
|
|
|
+ <!-- 需充值 && Number(baseFormData.amountValue) > Number(currentCurrencyInfo.balance) -->
|
|
|
+ <div class="card-content" v-if="isMoneyRewardCpd">
|
|
|
<template v-if="currentCurrencyInfo.currencyCode === 'USD'">
|
|
|
<div class="card-title">
|
|
|
<img class="img" :src=" require('@/assets/subject/top-02.svg') " />
|
|
@@ -356,19 +356,19 @@
|
|
|
<div class="card-list">
|
|
|
<div class="item">
|
|
|
<div class="l">Giveaway Amount</div>
|
|
|
- <div class="r"></div>
|
|
|
+ <div class="r order-amount">${{finalAmountData.orderAmountValue}}</div>
|
|
|
</div>
|
|
|
<div class="item">
|
|
|
<div class="l">Balance</div>
|
|
|
- <div class="r"></div>
|
|
|
+ <div class="r txt">${{finalAmountData.balance}}</div>
|
|
|
</div>
|
|
|
<div class="item">
|
|
|
- <div class="l">Paypal charges fee ()</div>
|
|
|
- <div class="r"></div>
|
|
|
+ <div class="l">Paypal charges fee ({{finalAmountData.feeDesc}})</div>
|
|
|
+ <div class="r txt">${{finalAmountData.feeAmountValue}}</div>
|
|
|
</div>
|
|
|
<div class="item">
|
|
|
<div class="l">Deposit Amount</div>
|
|
|
- <div class="r"></div>
|
|
|
+ <div class="r deposit-amount">${{finalAmountData.rechargeAmountValue}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -2672,7 +2672,7 @@ onMounted(() => {
|
|
|
}
|
|
|
}
|
|
|
.card-list {
|
|
|
- padding: 20px;
|
|
|
+ padding: 10px 20px;
|
|
|
border-radius: 20px;
|
|
|
border: 1px solid #E6E6E6;
|
|
|
.item {
|
|
@@ -2683,7 +2683,28 @@ onMounted(() => {
|
|
|
font-size: 14px;
|
|
|
font-weight: 500;
|
|
|
box-shadow: inset 0px -1px 0px #EAEAEA;
|
|
|
+
|
|
|
+ .order-amount {
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .txt {
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #9A9A9A;
|
|
|
+ }
|
|
|
+
|
|
|
+ .deposit-amount {
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #1D9BF0;
|
|
|
+ }
|
|
|
}
|
|
|
+ .item:last-child {
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
|