style update

src/views/market/spot_trade/spot_trade_order_transaction/spot_trade_order_transaction_swap/components/buy-sell-market/index.vue

@@ -1,56 +1,50 @@
 <template>
-  <!-- 买卖大厅 -->
-  <div class="buy-sell-market">
-    <div class="buy-sell-market-title">
-      <a class="backIcon"
-         @click="cancel">
-        <LeftOutlined />
-      </a>
-      <div class="titleBtn">
-        <div class="name">{{selectedRow.goodsname}}</div>
-        <div class="arrowRightIcon"></div>
-      </div>
-      <div class="priceBar bdf1 ml20">
-        <div class="greenBar green">
-          <div class="numBlock">
-            <div class="first">卖量</div>
-            <div class="last">{{selectedRow.sellqty}}</div>
-          </div>
-          <div class="numBlock">
-            <div class="first">买量</div>
-            <div class="last">{{selectedRow.buyqty}}</div>
-          </div>
+    <!-- 买卖大厅 -->
+    <div class="buy-sell-market">
+        <div class="buy-sell-market-title">
+            <a class="backIcon" @click="cancel">
+                <LeftOutlined />
+            </a>
+            <div class="titleBtn">
+                <div class="name">{{selectedRow.goodsname}}</div>
+                <div class="arrowRightIcon"></div>
+            </div>
+            <div class="priceBar bdf1 ml20">
+                <div class="greenBar">
+                    <div class="numBlock">
+                        <div class="first">卖量</div>
+                        <div class="last green">{{selectedRow.sellqty}}</div>
+                    </div>
+                    <div class="numBlock">
+                        <div class="first">买量</div>
+                        <div class="last white">{{selectedRow.buyqty}}</div>
+                    </div>
+                </div>
+            </div>
+            <!-- 历史走势按钮 -->
+            <a-button class="historyBtn" @click="openComponent({code: 'HisChart'})">
+                历史走势
+                <LineChartOutlined />
+            </a-button>
+            <BtnList :btnList="firstBtn" :record="selectedRow" @click="openComponent" />
         </div>
-      </div>
-      <!-- 历史走势按钮 -->
-      <a-button class="historyBtn"
-                @click="openComponent({code: 'HisChart'})">
-        历史走势
-        <LineChartOutlined />
-      </a-button>
-      <BtnList :btnList="firstBtn"
-               :record="selectedRow"
-               @click="openComponent" />
+        <a-row class="buySellHall">
+            <a-col :span="12">
+                <Sell :enumName="enumName" ref="sellRef" :parantSelectedRow="selectedRow" />
+            </a-col>
+            <a-col :span="12">
+                <Buy :enumName="enumName" ref="buyRef" :parantSelectedRow="selectedRow" />
+            </a-col>
+        </a-row>
+        <component
+            :is="componentId"
+            v-if="componentId"
+            :selectedRow="selectedRow"
+            :goodsPrice="getGoodsPrice()"
+            :enumName="enumName"
+            @cancel="closeComponent"
+        ></component>
     </div>
-    <a-row class="buySellHall">
-      <a-col :span="12">
-        <Sell :enumName="enumName"
-              ref="sellRef"
-              :parantSelectedRow="selectedRow" />
-      </a-col>
-      <a-col :span="12">
-        <Buy :enumName="enumName"
-             ref="buyRef"
-             :parantSelectedRow="selectedRow" />
-      </a-col>
-    </a-row>
-    <component :is="componentId"
-               v-if="componentId"
-               :selectedRow="selectedRow"
-               :goodsPrice="getGoodsPrice()"
-               :enumName="enumName"
-               @cancel="closeComponent"></component>
-  </div>
 </template>
 
 <script lang="ts">
@@ -157,6 +151,7 @@ export default defineComponent({
     .redBar {
         height: 16px;
         line-height: 16px;
+        color: var(--m-grey17);
     }
 }
 </style>