修改合约的实时成交的数据太多

src/views/contract/account.vue

@@ -18,7 +18,7 @@
                 </div>
                 <div class="d-flex p-3 justify-content-between">
                     <div>{{$t('contract.a3')}}（USDT）</div>
-                    <div>{{(accountInfo.usable_balance).toFixed(2)}}</div>
+                    <div>{{accountInfo.usable_balance}}</div>
                 </div>
                 <!-- <div class="d-flex p-3 justify-content-between">
                     <div>{{$t('contract.a4')}}（USDT）</div>
@@ -62,6 +62,7 @@ export default {
     watch:{
         accountInfo(newv,oldv){
             newv.account_equity=(parseFloat(newv.account_equity)).toFixed(2)
+            newv.usable_balance=(parseFloat(newv.usable_balance)).toFixed(2)
         }
     },
     mounted(){

src/views/contract/handicap.vue

@@ -63,10 +63,8 @@
             </div>
           </template>
         </div>
-        <div
-          class="current-nav d-flex align-items-center my-2 py-2" style="background-color: #2e2e2e;"
-        >
-          <div class="w-10/24">
+        <div class="current-nav my-2 py-2" style="background-color: #2e2e2e;">
+          <div style="width: 200px;">
             <div class="name fn-14 px-3" style="display: inline-block;">{{ $t("contract.g3") }}</div>
             <div class="num fn-20 increace" style="display: inline-block;">
               {{ newPriceObj.price }}
@@ -107,7 +105,7 @@
             {{ $t("contract.e1") }}({{ $t("contract.e2") }})
           </div>
         </div>
-        <div class="d-flex fn-14" v-for="(item, idx) in tradeList" :key="idx">
+        <div class="d-flex fn-14" v-for="(item, idx) in tradeList.slice(0,30)" :key="idx">
           <div class="w-10/24">
             {{ parseTime(item.ts, false, "{h}:{i}:{s}") }}
           </div>