feat: 优化订单簿组件，调整最新成交价显示和样式

2026-01-11 17:05:40 +07:00
parent d2bafc3d8d
commit 0fdadd8412
1 changed files with 2 additions and 1 deletions
--- a/src/views/trade/components/order-book.vue
+++ b/src/views/trade/components/order-book.vue
@@ -58,7 +58,7 @@ function getDepthPercent(items?: Item["asks" | "bids"], index?: number) {

    <!-- 中间分隔 - 显示最新成交价 -->
    <div class="spread-section">
-      <div class="flex flex-col px-3 py-2">
+      <div class="flex flex-col py-2">
        <div class="text-lg font-semibold text-success-500">
          {{ latestPrice }}
        </div>
@@ -93,6 +93,7 @@ function getDepthPercent(items?: Item["asks" | "bids"], index?: number) {
 .order-book {
  font-size: 12px;
  user-select: none;
+  padding-left: 8px;
 }

 .asks-section,