feat(website): 本地联调 /buy 测试购买页(登录→下单→mock 付款→轮询开通)+ dev vite proxy

2026-07-11 01:32:11 +08:00
parent bc9aa38392
commit 43fead8823
4 changed files with 631 additions and 0 deletions
@@ -0,0 +1,58 @@
+---
+/**
+ * buy.astro — 本地联调测试路由 /buy：登录 → 拉套餐 → 选档下单 → 假收款 → 模拟付款 → 轮询开通。
+ *
+ * ⚠️ 仅供本地开发联调（对接 server /v1/pay/* + pay dev 端点），不是生产购买页，
+ * 不改首页 / PricingPlans / Pricing.astro，不接入 i18n 字典。
+ * 样式复用 website.css 既有类（section、wrap、plan、pcta、su- 前缀、btn- 前缀），新增小工具类见 buy.css。
+ */
+import '@fontsource/sora/500.css';
+import '@fontsource/sora/600.css';
+import '@fontsource/sora/700.css';
+import '@fontsource/manrope/400.css';
+import '@fontsource/manrope/500.css';
+import '@fontsource/manrope/600.css';
+import '@fontsource/manrope/700.css';
+import '@fontsource/noto-sans-sc/400.css';
+import '@fontsource/noto-sans-sc/500.css';
+import '@fontsource/noto-sans-sc/700.css';
+import '@fontsource/jetbrains-mono/400.css';
+import '@fontsource/jetbrains-mono/500.css';
+
+import '../styles/tokens.gen.css';
+import '../styles/website.css';
+import '../styles/site-extra.css';
+import '../styles/buy.css';
+
+import BuyFlow from '../components/BuyFlow.jsx';
+---
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>本地联调 · 购买流程测试 — Pangolin</title>
+  <meta name="robots" content="noindex,nofollow" />
+</head>
+<body>
+  <div class="wrap buy-page">
+    <div class="buy-topbar">
+      <a class="brand" href="/">
+        <span class="nm">Pangolin</span>
+      </a>
+      <span class="buy-badge">🧪 本地联调测试页</span>
+    </div>
+
+    <div class="center">
+      <div class="eyebrow">Dev only</div>
+      <h1 class="h-sec">购买流程本地联调</h1>
+      <p class="sub-sec buy-sub">
+        登录 → 拉取套餐 → 选档下单（method=fake）→ 显示假收款 → 模拟付款成功 → 轮询直到已开通。
+        仅经 Astro dev vite proxy 同源转发到本地 pangolin-server / pay-server。
+      </p>
+    </div>
+
+    <BuyFlow client:load />
+  </div>
+</body>
+</html>