客服二维码

src/components/modals/QuickActionModal.tsx

@@ -1,7 +1,7 @@
 import type { ExamClient, QuickActionType } from '../../data/mockData';
 import { EXAM_CLIENTS } from '../../data/mockData';
 import { Button, InfoCard, Input } from '../ui';
-
+import vipQr from '../../assets/image/vip-qr.png';
 interface QuickActionModalProps {
   action: QuickActionType;
   noteText: string;
@@ -87,7 +87,7 @@ export const QuickActionModal = ({
                 </ul>
               </div>
               <div className='w-40 h-40 rounded-3xl bg-white border flex items-center justify-center text-xs text-gray-500'>
-                太平认证二维码占位
+                <img src={vipQr} alt='太平 VIP 认证二维码' className='w-full h-full object-cover' />
               </div>
             </div>
           )}

src/components/support/SupportSection.tsx

@@ -1,4 +1,5 @@
 import { Card, CardContent, CardHeader } from '../ui';
+import supportQr from '../../assets/image/kefu.png';
 
 export const SupportSection = () => (
   <Card>
@@ -19,9 +20,9 @@ export const SupportSection = () => (
           <div className='flex flex-col items-center gap-3 text-white'>
             <div className='text-[11px] tracking-[0.2em] opacity-80'>CIRCLE HARMONY · 圆和医疗</div>
             <div className='text-sm font-medium'>圆圆客服 · 一站式健康服务</div>
-            <div className='w-28 h-28 rounded-full bg-white flex items-center justify-center'>
-              <div className='w-20 h-20 rounded-md bg-gray-200 flex items-center justify-center text-[10px] text-gray-500'>
-                二维码占位
+            <div className='w-28 h-28 bg-none flex items-center justify-center'>
+              <div className='w-30 h-30 rounded-md overflow-hidden'>
+                <img src={supportQr} alt='圆圆客服二维码' className='w-full h-full object-cover' />
               </div>
             </div>
             <div className='text-sm font-semibold'>一对一专属服务</div>