Browse Source

💄 style(avatar): 优化头像上传组件样式语法
- 将 bg-opacity 语法更新为更简洁的 bg-black/0 和 bg-black/20 格式

🐛 fix(profile): 修复个人资料获取接口调用错误
- 更正用户资料接口调用方式,使用正确的参数格式
- 调整响应数据处理逻辑,直接返回data而非data.data[0]

yourname 7 months ago
parent
commit
2540e1e5c5

+ 2 - 2
src/client/mobile/components/AvatarUpload.tsx

@@ -233,7 +233,7 @@ export const AvatarUpload: React.FC<AvatarUploadProps> = ({
         )}
 
         {/* 上传遮罩 */}
-        <div className="absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-20 transition-opacity duration-200 flex items-center justify-center">
+        <div className="absolute inset-0 bg-black/0 hover:bg-black/20 transition-opacity duration-200 flex items-center justify-center">
           <svg 
             className="w-6 h-6 text-white opacity-0 hover:opacity-100 transition-opacity duration-200" 
             fill="none" 
@@ -251,7 +251,7 @@ export const AvatarUpload: React.FC<AvatarUploadProps> = ({
 
         {/* 上传中的加载状态 */}
         {isUploading && (
-          <div className="absolute inset-0 bg-black bg-opacity-50 flex items-center justify-center">
+          <div className="absolute inset-0 bg-black/50 flex items-center justify-center">
             <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-white"></div>
           </div>
         )}

+ 3 - 3
src/client/mobile/pages/ProfileEditPage.tsx

@@ -73,8 +73,8 @@ const ProfileEditPage: React.FC = () => {
     queryFn: async () => {
       if (!user) throw new Error('用户未登录');
       
-      const response = await silverUserProfileClient.$get({
-        query: { filters: JSON.stringify({ userId: user.id }) }
+      const response = await silverUserProfileClient[':id'].$get({
+        param: { id: user.id }
       });
 
       if (response.status !== 200) {
@@ -82,7 +82,7 @@ const ProfileEditPage: React.FC = () => {
       }
 
       const data = await response.json();
-      return data.data?.[0] || null;
+      return data || null;
     },
     enabled: !!user,
   });