Browse Source

[edit] ach preview

wenliming 2 years ago
parent
commit
8d2b496c02
2 changed files with 29 additions and 8 deletions
  1. 29 8
      src/view/iframe/publish/give-dialog.vue
  2. BIN
      test_1.1.5.zip

+ 29 - 8
src/view/iframe/publish/give-dialog.vue

@@ -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;
+        }
+
     }
 }
 

BIN
test_1.1.5.zip