From 77b829a0969664ca6f797f9099c9e7819071c986 Mon Sep 17 00:00:00 2001
From: shy3130 <415333856@qq.com>
Date: Thu, 10 Sep 2026 22:05:32 +0800
Subject: [PATCH] =?UTF-8?q?style(dashboard):=20=E5=B9=BF=E5=BA=A6=E6=9D=A1?=
 =?UTF-8?q?=E4=B8=8E=E6=B6=A8=E8=B7=8C=E5=88=86=E5=B8=83=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E4=B8=BA=E5=B7=A6=E7=BB=BF=E5=8F=B3=E7=BA=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/Dashboard.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/Dashboard.tsx b/frontend/src/pages/Dashboard.tsx
index e418927..ad1656e 100644
--- a/frontend/src/pages/Dashboard.tsx
+++ b/frontend/src/pages/Dashboard.tsx
@@ -266,15 +266,16 @@ function BreadthBar({ data }: { data: OverviewMarket['breadth'] }) {
   const flatW = Math.max(0, 100 - upW - downW)
   return (
     <div className="space-y-2">
+      {/* 与上方涨跌分布同向: 左跌(绿) 右涨(红) */}
       <div className="flex h-2.5 overflow-hidden rounded-full bg-elevated">
-        <div className="bg-bull/85" style={{ width: `${upW}%` }} />
-        <div className="bg-muted/45" style={{ width: `${flatW}%` }} />
         <div className="bg-bear/85" style={{ width: `${downW}%` }} />
+        <div className="bg-muted/45" style={{ width: `${flatW}%` }} />
+        <div className="bg-bull/85" style={{ width: `${upW}%` }} />
       </div>
       <div className="grid grid-cols-3 gap-1.5 text-[11px]">
-        <div className="rounded bg-bull/8 px-2 py-1 text-bull">涨 <span className="font-mono">{data.up}</span></div>
-        <div className="rounded bg-elevated/70 px-2 py-1 text-muted">平 <span className="font-mono">{data.flat}</span></div>
         <div className="rounded bg-bear/8 px-2 py-1 text-bear">跌 <span className="font-mono">{data.down}</span></div>
+        <div className="rounded bg-elevated/70 px-2 py-1 text-muted">平 <span className="font-mono">{data.flat}</span></div>
+        <div className="rounded bg-bull/8 px-2 py-1 text-bull">涨 <span className="font-mono">{data.up}</span></div>
       </div>
     </div>
   )