用户协议默认不勾选

apps/mini-user/src/pages/login/index.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import { View, Text, Input, Button, Image } from '@tarojs/components';
-import { useRouter } from '@tarojs/taro';
+import Taro, { useRouter } from '@tarojs/taro';
 import {
   SmsScene,
   isWxAuthorizeEnabled,
@@ -47,7 +47,7 @@ export default function LoginPage() {
   const [wxLoading, setWxLoading] = useState(false);
   const [sending, setSending] = useState(false);
   const [cooldown, setCooldown] = useState(0);
-  const [agreed, setAgreed] = useState(true);
+  const [agreed, setAgreed] = useState(false);
   const [msg, setMsg] = useState('');
   const [sentHint, setSentHint] = useState('');
   const [bindMode, setBindMode] = useState(initialBindMode);
@@ -387,9 +387,25 @@ export default function LoginPage() {
           </View>
           <Text className="login-agreement-text">
             我已阅读并同意
-            <Text className="login-agreement-link">《用户协议》</Text>
+            <Text
+              className="login-agreement-link"
+              onClick={(e) => {
+                e.stopPropagation();
+                Taro.navigateTo({ url: '/pages/user-agreement/index' });
+              }}
+            >
+              《用户协议》
+            </Text>
             和
-            <Text className="login-agreement-link">《隐私政策》</Text>
+            <Text
+              className="login-agreement-link"
+              onClick={(e) => {
+                e.stopPropagation();
+                Taro.navigateTo({ url: '/pages/privacy-policy/index' });
+              }}
+            >
+              《隐私政策》
+            </Text>
           </Text>
         </View>
       </View>

apps/mini-user/src/pages/privacy-policy/index.config.ts

@@ -0,0 +1,4 @@
+export default definePageConfig({
+  navigationBarTitleText: '隐私政策',
+  navigationStyle: 'custom',
+});

apps/mini-user/src/pages/privacy-policy/index.tsx

@@ -0,0 +1,29 @@
+import { View, Text, ScrollView } from '@tarojs/components';
+import { getLegalDocument } from '@dukang/shared-types';
+import PageShell from '../../components/PageShell';
+import SubPageHeader from '../../components/SubPageHeader';
+
+export default function PrivacyPolicyPage() {
+  const doc = getLegalDocument('privacy-policy');
+  return (
+    <PageShell variant="sub" className="legal-page">
+      <SubPageHeader title={doc.title} />
+      <View className="sub-page-body inset-page">
+        <ScrollView scrollY className="legal-scroll">
+          <Text className="legal-updated">更新日期：{doc.updatedAt}</Text>
+          <Text className="legal-intro">{doc.intro}</Text>
+          {doc.sections.map((section) => (
+            <View key={section.heading} className="legal-section">
+              <Text className="legal-heading">{section.heading}</Text>
+              {section.paragraphs.map((p, i) => (
+                <Text key={`${section.heading}-${i}`} className="legal-paragraph">
+                  {p}
+                </Text>
+              ))}
+            </View>
+          ))}
+        </ScrollView>
+      </View>
+    </PageShell>
+  );
+}

apps/mini-user/src/pages/user-agreement/index.config.ts

@@ -0,0 +1,4 @@
+export default definePageConfig({
+  navigationBarTitleText: '用户协议',
+  navigationStyle: 'custom',
+});

apps/mini-user/src/pages/user-agreement/index.tsx

@@ -0,0 +1,29 @@
+import { View, Text, ScrollView } from '@tarojs/components';
+import { getLegalDocument } from '@dukang/shared-types';
+import PageShell from '../../components/PageShell';
+import SubPageHeader from '../../components/SubPageHeader';
+
+export default function UserAgreementPage() {
+  const doc = getLegalDocument('user-agreement');
+  return (
+    <PageShell variant="sub" className="legal-page">
+      <SubPageHeader title={doc.title} />
+      <View className="sub-page-body inset-page">
+        <ScrollView scrollY className="legal-scroll">
+          <Text className="legal-updated">更新日期：{doc.updatedAt}</Text>
+          <Text className="legal-intro">{doc.intro}</Text>
+          {doc.sections.map((section) => (
+            <View key={section.heading} className="legal-section">
+              <Text className="legal-heading">{section.heading}</Text>
+              {section.paragraphs.map((p, i) => (
+                <Text key={`${section.heading}-${i}`} className="legal-paragraph">
+                  {p}
+                </Text>
+              ))}
+            </View>
+          ))}
+        </ScrollView>
+      </View>
+    </PageShell>
+  );
+}