From edace5b803c8f1b8d7243ba51464521519a80897 Mon Sep 17 00:00:00 2001
From: claw_bot <claw@jb18cm.plus>
Date: Thu, 12 Mar 2026 10:54:34 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9C=80=E8=BF=91=E4=BA=A4=E6=98=93?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=E6=98=BE=E7=A4=BA=E4=BA=A4=E6=98=93=E9=87=91?=
 =?UTF-8?q?=E9=A2=9D=EF=BC=8C=E4=BC=98=E5=8C=96=E5=B8=83=E5=B1=80=E9=97=B4?=
 =?UTF-8?q?=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/detail/detail.vue | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/pages/detail/detail.vue b/pages/detail/detail.vue
index dc4ce22..0a07adf 100644
--- a/pages/detail/detail.vue
+++ b/pages/detail/detail.vue
@@ -138,8 +138,13 @@
           </view>
 
           <view class="tl-right">
-            <text class="tl-title">{{ log.title }} {{ log.stockCode || '' }}</text>
-            <text class="tl-desc">{{ log.type === 'buy' ? '增加' : '减少' }} {{ log.amount }}</text>
+            <view class="flex-row justify-between items-center w-full">
+              <text class="tl-title">{{ log.title }} {{ log.stockCode || '' }}</text>
+              <text class="tl-amount" :class="log.type === 'buy' ? 'text-red' : 'text-green'">
+                {{ log.type === 'buy' ? '+' : '-' }}{{ getCurrencySymbol(portfolioData.currency) }}{{ (log.amount || 0).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) }}
+              </text>
+            </view>
+            <text class="tl-desc mt-1">{{ log.type === 'buy' ? '买入' : '卖出' }} 操作</text>
           </view>
         </view>
       </view>
@@ -694,15 +699,17 @@ const deletePortfolio = async () => {
 /* 交易明细 */
 .timeline-box { padding: 0 16rpx; }
 .timeline-item { display: flex; margin-bottom: 0; min-height: 120rpx; }
-.tl-left { width: 80rpx; text-align: right; padding-right: 20rpx; display: flex; flex-direction: column; }
+.tl-left { width: 120rpx; text-align: right; padding-right: 24rpx; display: flex; flex-direction: column; }
 .tl-date { font-size: 26rpx; font-weight: 600; color: #374151; }
 .tl-time { font-size: 22rpx; color: #9CA3AF; margin-top: 4rpx; }
 .tl-line { width: 40rpx; display: flex; flex-direction: column; align-items: center; position: relative; }
 .tl-dot { width: 16rpx; height: 16rpx; border-radius: 50%; z-index: 2; margin-top: 10rpx; }
 .tl-dash { width: 2rpx; flex: 1; background-color: #E5E7EB; margin-top: 8rpx; }
-.tl-right { flex: 1; padding-left: 20rpx; padding-bottom: 40rpx; }
+.tl-right { flex: 1; padding-left: 24rpx; padding-bottom: 40rpx; }
 .tl-title { font-size: 28rpx; font-weight: 600; color: #1F2937; }
+.tl-amount { font-size: 26rpx; font-weight: 700; }
 .tl-desc { font-size: 24rpx; color: #6B7280; margin-top: 8rpx; }
+.w-full { width: 100%; }
 
 /* 底部固定操作栏 */
 .fixed-bottom {