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 @@ - {{ log.title }} {{ log.stockCode || '' }} - {{ log.type === 'buy' ? '增加' : '减少' }} {{ log.amount }} + + {{ log.title }} {{ log.stockCode || '' }} + + {{ log.type === 'buy' ? '+' : '-' }}{{ getCurrencySymbol(portfolioData.currency) }}{{ (log.amount || 0).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) }} + + + {{ log.type === 'buy' ? '买入' : '卖出' }} 操作 @@ -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 {