充值页面显示钱包余额

src/language/en.json

@@ -474,5 +474,6 @@
   "lang473": "Please select the order number to be cancelled",
   "lang474": "Confirm cancellation",
   "lang475": "Expired",
-  "lang476": "Are you sure to renew?"
+  "lang476": "Are you sure to renew?",
+  "lang477": "Wallet Balance"
 }

src/language/zh.json

@@ -475,7 +475,7 @@
   "lang474": "确认解除",
   "lang475": "已到期",
   "lang476": "是否确定续费？",
-  "lang477": "",
+  "lang477": "钱包余额",
   "lang478": "",
   "lang479": "",
   "lang480": "",

src/views/mine/recharge.vue

@@ -23,12 +23,16 @@
         <div class="list">
           <div class="box">
             <div class="box_item">
-              <span class="left">{{ $t('lang148') }}</span>
-              <van-field v-model="amount" :placeholder="$t('lang119')" type="number" class="input" input-align="right" />
+              <span class="left">{{ $t('lang124') }}</span>
+              <span>{{ $t('lang126') }}(BEP20)</span>
             </div>
             <div class="box_item">
-              <span class="left">{{ $t('lang124') }}</span>
-              <span>{{ $t('lang126') }}</span>
+              <span class="left">{{ $t('lang477') }}</span>
+              <span class="walletbalance">{{ walletBalance }}</span>
+            </div>
+            <div class="box_item">
+              <span class="left">{{ $t('lang148') }}</span>
+              <van-field v-model="amount" :placeholder="$t('lang119')" type="number" class="input" input-align="right" />
             </div>
             <!-- <div class="box_item">
               <span class="left">{{ $t('lang125') }}</span>
@@ -115,7 +119,7 @@ export default {
     async getWalletBalance() {
       const erc20Contract = getErc20Contract(this.payToken);
       let bal = await erc20Contract.methods.balanceOf(this.account).call();
-      this.walletBalance = (formatAmount(bal, 18) * 1).toFixed(2);
+      this.walletBalance = (formatAmount(bal, 18) * 1).toFixed(5);
     },
     submit() {
       if (!this.amount) {
@@ -322,6 +326,10 @@ export default {
         .left {
           font-size: 13px;
         }
+        .walletbalance::after {
+          content: ' USDT';
+          font-size: 12px;
+        }
         .mobile {
           font-size: 14px;
           color: #000;