v1.2.1 用户协议版本 - 添加用户协议勾选功能

frontend/index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <meta name="apple-mobile-web-app-capable" content="yes">
-  <title>甲辰收藏 v1.2.0</title>
+  <title>甲辰收藏 v1.2.1</title>
   
   <!-- Favicon -->
   <link rel="icon" type="image/x-icon" href="/static/icons/favicon.ico" />

frontend/src/pages/Login.jsx

@@ -12,7 +12,7 @@ export default function Login() {
   
   // 注册相关状态
   const [showRegister, setShowRegister] = useState(false)
-  const [registerData, setRegisterData] = useState({ 
+  const [registerData, setRegisterData] = useState({    agreeTerms: false, 
     username: '', 
     password: '', 
     confirmPassword: '', 
@@ -97,6 +97,11 @@ export default function Login() {
       return
     }
     
+    if (!registerData.agreeTerms) {
+      setRegisterError('请先同意用户协议')
+      return
+    }
+    
     if (registerData.username.length < 2) {
       setRegisterError('用户名至少 2 个字符')
       return
@@ -250,7 +255,6 @@ export default function Login() {
             background: '#fff'
           }} 
         />
-        <h1 style={{ color: '#fbbf24', fontSize: '28px', fontWeight: '700', margin: '16px 0 8px' }}>甲辰收藏</h1>
         <p style={{ color: 'rgba(255,255,255,0.6)', fontSize: '14px', margin: 0 }}>生肖纪念钞管理系统</p>
       </div>
 
@@ -599,6 +603,24 @@ export default function Login() {
               />
             </div>
 
+
+            {/* 用户协议勾选 */}
+            <div style={{ marginBottom: '20px', display: 'flex', alignItems: 'flex-start', gap: '8px' }}>
+              <input
+                type="checkbox"
+                checked={registerData.agreeTerms}
+                onChange={(e) => setRegisterData(prev => ({ ...prev, agreeTerms: e.target.checked }))}
+                style={{ width: '18px', height: '18px', marginTop: '2px', cursor: 'pointer' }}
+              />
+              <div style={{ fontSize: '12px', color: 'rgba(255,255,255,0.7)', lineHeight: '1.5' }}>
+                我已阅读并同意
+                <span
+                  onClick={() => window.open('/user_agreement.html', '_blank')}
+                  style={{ color: '#fbbf24', cursor: 'pointer', textDecoration: 'underline' }}
+                >《用户协议》</span>
+              </div>
+            </div>
+
             {/* 按钮 */}
             <div style={{ display: 'flex', gap: '12px' }}>
               <button