diff --git a/src/app/admin/profile/clients.tsx b/src/app/admin/profile/clients.tsx
index 2649df8..a92e14b 100644
--- a/src/app/admin/profile/clients.tsx
+++ b/src/app/admin/profile/clients.tsx
@@ -14,6 +14,7 @@ import z from 'zod'
 import * as qrcode from 'qrcode'
 import {Card, CardHeader, CardTitle, CardContent} from '@/components/ui/card'
 import {QrCodeIcon} from 'lucide-react'
+import Image from 'next/image'
 
 export function Aftersale(props: {
   profile: User
@@ -59,7 +60,7 @@ export function Aftersale(props: {
         <div className="flex flex-col gap-4 items-center">
           <p>您的专属客服经理</p>
           <div>
-            <canvas ref={canvasRef} width="180" height="180" className="mx-auto bg-muted"/>
+            <Image src="/img/qrcode.jpg" alt="logo" width={80} height={80} unoptimized className="flex-none size-20 sm:size-44 bg-gray-100"/>
           </div>
           <p className="text-xs text-weak">
             扫描上方二维码添加客服经理微信