root/riwa-ionic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Seven
2026-01-11 17:05:40 +07:00
parent d2bafc3d8d
commit 0fdadd8412
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/trade/components/order-book.vue
View File

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