盘口、成交样式

src/assets/scss/module/_contract.scss

@@ -56,7 +56,11 @@
                 .sell,
                 .buy {
                     // height: 310px;
-                    height: 250px;
+                    height: 190px;
+                    overflow: auto;
+                }
+                .deal {
+                    height: 148px;
                     overflow: auto;
                 }
                 .sell {

src/views/contract/handicap.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="markets-pair-list handicap bg-plain">
-    <div class="nav nav-pills">
+    <!-- <div class="nav nav-pills">
       <div class="nav-item">
         <a class="nav-link" :class="{ active: tab == 1 }" @click="tab = 1">{{
           $t("contract.f7")
@@ -11,7 +11,7 @@
           $t("contract.f8")
         }}</a>
       </div>
-    </div>
+    </div> -->
     <div>
       <!-- 盘口 -->
       <div class="handicap-body px-3" v-if="tab == 1">
@@ -76,7 +76,7 @@
             <!-- <button class="btn btn-sm btn-outline-primary fn-12">更多</button> -->
           </div>
         </div>
-        <div class="buy">
+        <div class="buy fn-12">
           <template v-for="(item, idx) in buyListShow">
             <div
               class="item pointer"
@@ -95,9 +95,7 @@
             </div>
           </template>
         </div>
-      </div>
+        <!-- 实时成交 -->
-      <!-- 实时成交 -->
-      <div class="real-time p-3" v-if="tab == 2">
         <div class="d-flex text-secondary fn-12">
           <div class="w-10/24">
             {{ $t("contract.b1") }}
@@ -107,18 +105,24 @@
             {{ $t("contract.e1") }}({{ $t("contract.e2") }})
           </div>
         </div>
-        <div class="d-flex fn-12" v-for="(item, idx) in tradeList" :key="idx">
+        <div class="deal">
-          <div class="w-10/24">
+          <div class="d-flex fn-12" v-for="(item, idx) in tradeList" :key="idx">
-            {{ parseTime(item.ts, false, "{h}:{i}:{s}") }}
+            <div class="w-10/24">
-          </div>
+              {{ parseTime(item.ts, false, "{h}:{i}:{s}") }}
-          <div class="w-7/24 increace">
+            </div>
-            {{ item.price }}
+            <div class="w-7/24 increace">
-          </div>
+              {{ item.price }}
-          <div class="w-7/24 text-right">
+            </div>
-            {{ omitTo(item.amount, 2) }}
+            <div class="w-7/24 text-right">
+              {{ omitTo(item.amount, 2) }}
+            </div>
           </div>
         </div>
       </div>
+      <!--  -->
+      <div class="real-time p-3" v-if="tab == 2">
+        
+      </div>
     </div>
   </div>
 </template>

src/views/contract/index.vue

@@ -296,8 +296,9 @@ export default {
       });
       this.ws.on("message", res => {
         let { data, sub,cmd } = res;
-
+        
         if (sub == msg) {
+            // console.log(data, '11--------------------')
             if( data.symbol=='BTC' )(data.price).toFixed(1)
             this.contractList = data;
         }else if (cmd == "ping") {