用户协议默认不勾选

apps/h5-shop/src/pages/LegalPage.tsx

@@ -0,0 +1,36 @@
+import { Link } from 'react-router-dom';
+import { getLegalDocument, type LegalDocument } from '@dukang/shared-types';
+
+type LegalPageProps = {
+  docId: LegalDocument['id'];
+  /** 返回登录页的路径，如 /login */
+  backTo?: string;
+};
+
+/** H5 各端共用的协议/隐私正文页 */
+export default function LegalPage({ docId, backTo = '/login' }: LegalPageProps) {
+  const doc = getLegalDocument(docId);
+
+  return (
+    <div className="legal-h5-page">
+      <header className="legal-h5-header">
+        <Link to={backTo} className="legal-h5-back" aria-label="返回">
+          ‹
+        </Link>
+        <h1 className="legal-h5-title">{doc.title}</h1>
+      </header>
+      <main className="legal-h5-body">
+        <p className="legal-h5-updated">更新日期：{doc.updatedAt}</p>
+        <p className="legal-h5-intro">{doc.intro}</p>
+        {doc.sections.map((section) => (
+          <section key={section.heading} className="legal-h5-section">
+            <h2>{section.heading}</h2>
+            {section.paragraphs.map((p, i) => (
+              <p key={`${section.heading}-${i}`}>{p}</p>
+            ))}
+          </section>
+        ))}
+      </main>
+    </div>
+  );
+}

apps/h5-shop/src/pages/LoginPage.tsx

@@ -36,7 +36,7 @@ export default function LoginPage() {
   const savedProfile = getStoreProfile();
   const [phone, setPhone] = useState(getLastPhone());
   const [code, setCode] = useState('');
-  const [agreed, setAgreed] = useState(true);
+  const [agreed, setAgreed] = useState(false);
   const [loading, setLoading] = useState(false);
   const [wxLoading, setWxLoading] = useState(false);
   const [msg, setMsg] = useState('');
@@ -309,9 +309,13 @@ export default function LoginPage() {
           />
           <span>
             我已阅读并同意
-            <a href="#user-agreement">《用户协议》</a>
+            <Link to="/legal/user-agreement" onClick={(e) => e.stopPropagation()}>
+              《用户协议》
+            </Link>
             与
-            <a href="#privacy">《隐私政策》</a>
+            <Link to="/legal/privacy-policy" onClick={(e) => e.stopPropagation()}>
+              《隐私政策》
+            </Link>
           </span>
         </label>
       </main>