feat: fix user boughts

frontend/wechat/src/views/UserProfile.vue

@@ -47,9 +47,10 @@ const menuGroups = [
 
     <div class="bg-white p-4 shadow-lg border-b border-gray-300">
         <div class="flex items-center gap-4 p-4 border-gray-100">
-            <div class="w-16 h-16 rounded-full bg-gray-200 overflow-hidden"
-                :style="{ backgroundImage: `url(${userInfo.avatar})` }">
+            <div class="w-16 h-16 border rounded-full border-gray-200 bg-gray-200 overflow-hidden">
+                <img :src="userInfo.avatar" :alt="userInfo.username" class="w-full h-full object-cover" />
             </div>
+
             <div>
                 <h3 class="text-xl font-medium">{{ userInfo.username }}</h3>
                 <span class="text-gray-500">ID: {{ userInfo.id }}</span>