|
|
@@ -41,23 +41,24 @@ export const UserStatsCard: React.FC<UserStatsCardProps> = ({ stats }) => {
|
|
|
}
|
|
|
];
|
|
|
|
|
|
- return (
|
|
|
- <div className="bg-white rounded-lg shadow-sm p-4 mb-4">
|
|
|
- <h3 className="text-lg font-bold text-gray-900 mb-4">我的数据</h3>
|
|
|
- <div className="grid grid-cols-2 gap-4">
|
|
|
- {statsData.map((stat, index) => (
|
|
|
- <div key={index} className="text-center">
|
|
|
- <div className={`w-12 h-12 ${stat.color} rounded-full flex items-center justify-center text-white text-xl mx-auto mb-2`}>
|
|
|
- {stat.icon}
|
|
|
- </div>
|
|
|
- <div className="text-2xl font-bold text-gray-900">
|
|
|
- {stat.value}
|
|
|
- </div>
|
|
|
- <div className="text-sm text-gray-600">{stat.title}</div>
|
|
|
- <div className="text-xs text-gray-500">{stat.unit}</div>
|
|
|
- </div>
|
|
|
- ))}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- );
|
|
|
+ // return (
|
|
|
+ // <div className="bg-white rounded-lg shadow-sm p-4 mb-4">
|
|
|
+ // <h3 className="text-lg font-bold text-gray-900 mb-4">我的数据1</h3>
|
|
|
+ // <div className="grid grid-cols-2 gap-4">
|
|
|
+ // {statsData.map((stat, index) => (
|
|
|
+ // <div key={index} className="text-center">
|
|
|
+ // <div className={`w-12 h-12 ${stat.color} rounded-full flex items-center justify-center text-white text-xl mx-auto mb-2`}>
|
|
|
+ // {stat.icon}
|
|
|
+ // </div>
|
|
|
+ // <div className="text-2xl font-bold text-gray-900">
|
|
|
+ // {stat.value}
|
|
|
+ // </div>
|
|
|
+ // <div className="text-sm text-gray-600">{stat.title}</div>
|
|
|
+ // <div className="text-xs text-gray-500">{stat.unit}</div>
|
|
|
+ // </div>
|
|
|
+ // ))}
|
|
|
+ // </div>
|
|
|
+ // </div>
|
|
|
+ // );
|
|
|
+
|
|
|
};
|