短信验证调试成功

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

@@ -4,6 +4,7 @@ import TabMainHeader from '../components/TabMainHeader';
 import AppImage from '@dukang/shared-ui/AppImage';
 import { request } from '../lib/api';
 import { useUserSession } from '../contexts/UserSessionContext';
+import ContactCustomerSheet from '../components/ContactCustomerSheet';
 
 const DEFAULT_AVATAR =
   'https://lh3.googleusercontent.com/aida-public/AB6AXuAz_9Pnpk_Md4sEU6PXkeybus8oLZO9e-3pOpLuSwBX0jm_Z0JCfX1w2oZxz1VZayTh0PKUPjwjSuxJVX410fjtWFGR_f55f-nWppXWUweHRnEC7WyIWEqx4AyVHt-k02OhyaSGQfvY5cHG5IuRe9EqdcHy47gBQ82_cxGgX-DrKV4oYcwLoNRynAV0_xv2p1GOhisnQVulHwZcQClUJcP8q4nTY0Y3DR1w4ioa0DYTHePE43mLDJptjZcQqS7V8LihJdn4ze6fvQA';
@@ -35,6 +36,7 @@ export default function MinePage() {
   const [benefitBalance, setBenefitBalance] = useState(0);
   const [orderCounts, setOrderCounts] = useState<Record<string, number>>({});
   const [toast, setToast] = useState('');
+  const [showCs, setShowCs] = useState(false);
 
   useEffect(() => {
     Promise.all([
@@ -67,7 +69,7 @@ export default function MinePage() {
 
   function handleService(item: (typeof SERVICES)[number]) {
     if ('to' in item && item.to) return;
-    if (item.action === 'cs') showToast('preV1：在线客服即将开放');
+    if (item.action === 'cs') setShowCs(true);
     if (item.action === 'about') showToast('杜康好客 · 传承千年酒文化');
   }
 
@@ -208,6 +210,8 @@ export default function MinePage() {
       </main>
 
       {toast && <div className="mine-toast">{toast}</div>}
+
+      {showCs && <ContactCustomerSheet onClose={() => setShowCs(false)} />}
     </div>
   );
 }