From dad59388ca02c33e52b53917ec166fcbd2b9da9f Mon Sep 17 00:00:00 2001
From: claw_bot <claw@jb18cm.plus>
Date: Tue, 10 Mar 2026 09:41:40 +0000
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=8C=81=E4=BB=93=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E5=B8=83=E5=B1=80=EF=BC=9A=E5=8F=82=E8=80=83=E9=95=BF?=
 =?UTF-8?q?=E6=A1=A5=EF=BC=8C=E4=BF=A1=E6=81=AF=E5=8F=B3=E5=AF=B9=E9=BD=90?=
 =?UTF-8?q?=EF=BC=8C=E5=B1=82=E6=AC=A1=E6=9B=B4=E6=B8=85=E6=99=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/detail/detail.vue | 63 +++++++++++++++++++++--------------------
 1 file changed, 32 insertions(+), 31 deletions(-)

diff --git a/pages/detail/detail.vue b/pages/detail/detail.vue
index b35b0f7..9f90c18 100644
--- a/pages/detail/detail.vue
+++ b/pages/detail/detail.vue
@@ -77,33 +77,32 @@
               <view class="stock-icon" :class="index % 2 === 0 ? 'bg-blue-100 text-blue' : 'bg-orange-100 text-orange'">
                 <text class="icon-char">{{ item.stockName?.charAt(0) || item.stockCode?.charAt(0) || 'S' }}</text>
               </view>
-              <view class="flex-col">
-                <text class="stock-name">{{ item.stockName || item.stockCode }}</text>
-                <text class="stock-code">{{ item.stockCode }} · {{ item.amount }}份</text>
+              <view class="flex-col flex-1">
+                <!-- 第一行：股票名 + 持仓市值 -->
+                <view class="flex-row justify-between items-center">
+                  <text class="stock-name">{{ item.stockName || item.stockCode }}</text>
+                  <text class="market-val">{{ getCurrencySymbol(portfolioData.currency) }}{{ (item.totalValue || 0).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) }}</text>
+                </view>
+                <!-- 第二行：代码+数量 + 现价 -->
+                <view class="flex-row justify-between items-center mt-1">
+                  <text class="stock-code">{{ item.stockCode }} · {{ item.amount }}份</text>
+                  <text class="price-text">{{ getCurrencySymbol(portfolioData.currency) }}{{ (item.currentPrice || 0).toLocaleString('zh-CN', { minimumFractionDigits: 3, maximumFractionDigits: 3 }) }}</text>
+                </view>
+                <!-- 第三行：占比 + 成本价 -->
+                <view class="flex-row justify-between items-center mt-1">
+                  <text class="weight-tag">比例 {{ (item.ratio || 0).toFixed(1) }}%</text>
+                  <text class="cost-text">{{ getCurrencySymbol(portfolioData.currency) }}{{ (item.averagePrice || 0).toLocaleString('zh-CN', { minimumFractionDigits: 3, maximumFractionDigits: 3 }) }}</text>
+                </view>
+                <!-- 第四行：（空） + 持仓盈亏 -->
+                <view class="flex-row justify-between items-center mt-1">
+                  <text></text>
+                  <text class="pnl-val" :class="(item.profit || 0) >= 0 ? 'text-red' : 'text-green'">
+                    {{ (item.profit || 0) >= 0 ? '+' : '' }}{{ getCurrencySymbol(portfolioData.currency) }}{{ (item.profit || 0).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) }}
+                    <text class="pnl-rate"> ({{ (item.profitRate || 0) >= 0 ? '+' : '' }}{{ (item.profitRate || 0).toFixed(2) }}%)</text>
+                  </text>
+                </view>
               </view>
             </view>
-            <view class="flex-col align-right">
-              <text class="market-val">{{ getCurrencySymbol(portfolioData.currency) }}{{ (item.totalValue || 0).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) }}</text>
-              <text class="weight-tag">比例 {{ (item.ratio || 0).toFixed(1) }}%</text>
-            </view>
-          </view>
-
-          <view class="divider"></view>
-
-          <view class="pos-bottom">
-            <view class="pnl-item">
-              <text class="pnl-label">成本价</text>
-              <text class="pnl-val">
-                {{ getCurrencySymbol(portfolioData.currency) }}{{ (item.averagePrice || 0).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) }}
-              </text>
-            </view>
-            <view class="pnl-item align-right">
-              <text class="pnl-label">持仓盈亏</text>
-              <text class="pnl-val" :class="(item.profit || 0) >= 0 ? 'text-red' : 'text-green'">
-                {{ (item.profit || 0) >= 0 ? '+' : '' }}{{ getCurrencySymbol(portfolioData.currency) }}{{ (item.profit || 0).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) }}
-                <text class="pnl-rate"> ({{ (item.profitRate || 0) >= 0 ? '+' : '' }}{{ (item.profitRate || 0).toFixed(2) }}%)</text>
-              </text>
-            </view>
           </view>
         </view>
       </view>
@@ -567,6 +566,8 @@ const deletePortfolio = async () => {
 .gap-2 { gap: 16rpx; }
 .align-right { align-items: flex-end; }
 .pb-0 { padding-bottom: 0 !important; }
+.mt-1 { margin-top: 8rpx; }
+.flex-1 { flex: 1; }
 
 /* 颜色工具 */
 .text-red { color: #EF4444; }
@@ -671,12 +672,12 @@ const deletePortfolio = async () => {
 .icon-char { font-size: 32rpx; font-weight: 800; }
 .stock-name { font-size: 30rpx; font-weight: 700; color: #1F2937; }
 .stock-code { font-size: 24rpx; color: #9CA3AF; margin-top: 4rpx; }
-.market-val { font-size: 32rpx; font-weight: 700; color: #1F2937; }
-.weight-tag { font-size: 22rpx; color: #6B7280; background-color: #F3F4F6; padding: 2rpx 12rpx; border-radius: 8rpx; margin-top: 8rpx; }
-.divider { height: 1rpx; background-color: #F3F4F6; margin: 24rpx 0; }
-.pos-bottom { display: flex; justify-content: space-between; }
-.pnl-label { font-size: 22rpx; color: #9CA3AF; margin-bottom: 4rpx; }
-.pnl-val { font-size: 28rpx; font-weight: 700; }
+.market-val { font-size: 30rpx; font-weight: 700; color: #1F2937; }
+.price-text { font-size: 26rpx; color: #1F2937; }
+.cost-text { font-size: 24rpx; color: #6B7280; }
+.weight-tag { font-size: 22rpx; color: #6B7280; background-color: #F3F4F6; padding: 2rpx 8rpx; border-radius: 6rpx; }
+.pnl-val { font-size: 26rpx; font-weight: 700; }
+.pnl-rate { font-size: 22rpx; opacity: 0.9; }
 
 /* 交易明细 */
 .timeline-box { padding: 0 16rpx; }