feat: scaffold headless frontend integration per design doc

2026-08-06 15:51:59 +08:00
parent b0919bf8b5
commit 7e30631c68
28 changed files with 708 additions and 126 deletions
@@ -0,0 +1,23 @@
+import type { FAQBlockValue } from "@/types/wagtail";
+
+export default function FAQ({ value }: { value: FAQBlockValue }) {
+  return (
+    <section className="mx-auto max-w-4xl px-6 py-24">
+      <h2 className="mb-12 text-4xl font-bold text-slate-900">常见问题</h2>
+      <div className="space-y-8">
+        {value.items?.map((item, index) => (
+          <div key={`${item.question}-${index}`}>
+            <h3 className="mb-2 text-xl font-semibold text-slate-900">
+              {item.question}
+            </h3>
+            {/* answer 来自 Wagtail RichTextBlock，后端已做 bleach 白名单清洗 */}
+            <div
+              className="text-slate-600"
+              dangerouslySetInnerHTML={{ __html: item.answer }}
+            />
+          </div>
+        ))}
+      </div>
+    </section>
+  );
+}