Show ATM distance to spot on Plan market card.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-25 12:25:27 +08:00
parent 2a2b9f44c2
commit a4bcc3ab0d
1 changed files with 17 additions and 0 deletions
@@ -404,6 +404,23 @@ export default function PlanPage() {
                {fmt(snap?.put?.ask)} / {fmt(snap?.put?.bid)}
              </span>
            </div>
+            <div className="kv">
+              <span>距现价</span>
+              <span className="mono">
+                {(() => {
+                  const strike = snap?.pair?.strike;
+                  const px =
+                    snap?.index_px ??
+                    (snap?.perp?.bid != null && snap?.perp?.ask != null
+                      ? (snap.perp.bid + snap.perp.ask) / 2
+                      : null);
+                  if (strike == null || px == null) return "—";
+                  const d = strike - px;
+                  const sign = d > 0 ? "+" : "";
+                  return `${sign}${d.toFixed(0)}（最近可用行权价）`;
+                })()}
+              </span>
+            </div>
            <div className="kv">
              <span>到期</span>
              <span className="mono">{snap?.pair?.expiry_ymd || "—"}</span>