用户端调整

2.首页商品详情增加点击区域
3.浓香型 酱香型 点击增加提示：暂未开放
5.首页餐券2字更换为“好客权益”
6.门店页面地址筛选功能 （三级菜单，省市区）
7.好客权益：去使用点击交互调整为核销页面，单张好客权益点击核销页面带参数和金额
7.核销金额限制为可用余额最大数，不是500
9.收货地址电话号码增加校验，长度限制，地址或者未填提示，地区调整为省市区三级菜单
10.微信授权位置调整在手机验证码下侧

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

@@ -2,6 +2,7 @@ import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import AppImage from '@dukang/shared-ui/AppImage';
 import { request, saveAuth } from '../lib/api';
+import { normalizePhoneInput, validateMobilePhone } from '../lib/phone';
 
 export default function LoginPage() {
   const navigate = useNavigate();
@@ -22,6 +23,11 @@ export default function LoginPage() {
 
   async function sendCode() {
     if (!ensureAgreed()) return;
+    const phoneCheck = validateMobilePhone(phone);
+    if (!phoneCheck.ok) {
+      setMsg(phoneCheck.message ?? '请输入正确的手机号码');
+      return;
+    }
     setMsg('');
     await request('USER_H5', '/auth/sms/send', {
       method: 'POST',
@@ -42,6 +48,15 @@ export default function LoginPage() {
 
   async function login() {
     if (!ensureAgreed()) return;
+    const phoneCheck = validateMobilePhone(phone);
+    if (!phoneCheck.ok) {
+      setMsg(phoneCheck.message ?? '请输入正确的手机号码');
+      return;
+    }
+    if (!code.trim()) {
+      setMsg('请输入验证码');
+      return;
+    }
     setLoading(true);
     setMsg('');
     try {
@@ -77,17 +92,6 @@ export default function LoginPage() {
       </header>
 
       <main className="login-main">
-        <button type="button" className="login-wechat-btn" onClick={wechatLogin}>
-          <span className="material-symbols-outlined login-wechat-icon">chat</span>
-          <span>微信一键授权</span>
-        </button>
-
-        <div className="login-divider">
-          <span className="login-divider-line" />
-          <span className="login-divider-text">或者</span>
-          <span className="login-divider-line" />
-        </div>
-
         <div className="login-card">
           <h3 className="login-card-title">手机验证码登录</h3>
           <div className="login-field">
@@ -96,8 +100,13 @@ export default function LoginPage() {
               type="tel"
               className="login-field-input"
               placeholder="请输入手机号"
+              maxLength={11}
+              inputMode="numeric"
               value={phone}
-              onChange={(e) => setPhone(e.target.value)}
+              onChange={(e) => {
+                setPhone(normalizePhoneInput(e.target.value));
+                setMsg('');
+              }}
             />
           </div>
           <div className="login-field">
@@ -128,6 +137,17 @@ export default function LoginPage() {
             {loading ? '登录中...' : '登录'}
           </button>
         </div>
+
+        <div className="login-divider">
+          <span className="login-divider-line" />
+          <span className="login-divider-text">或者</span>
+          <span className="login-divider-line" />
+        </div>
+
+        <button type="button" className="login-wechat-btn" onClick={wechatLogin}>
+          <span className="material-symbols-outlined login-wechat-icon">chat</span>
+          <span>微信一键授权</span>
+        </button>
       </main>
 
       <footer className="login-footer">