Procházet zdrojové kódy

fix(dashboard): 修复个人信息卡片3列统计布局

- 将grid布局改为flex justify-between
- 调整顺序: 数字在前, 标签在后
- 添加薪资¥符号
- 字体大小从text-xl调整为text-2xl

对照原型行190-203完成修复

🤖 Generated with [Claude Code](https://claude.com/claude-code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
yourname před 3 týdny
rodič
revize
1e662fbd12

+ 10 - 10
mini-ui-packages/rencai-dashboard-ui/src/pages/Dashboard/Dashboard.tsx

@@ -201,18 +201,18 @@ const Dashboard: React.FC = () => {
             </View>
 
             {/* 3列统计数据 */}
-            <View className="grid grid-cols-3 gap-3 mt-4">
-              <View className="bg-white/20 rounded-lg p-3 backdrop-blur-sm text-center">
-                <Text className="text-white/80 text-xs block mb-1">本月出勤</Text>
-                <Text className="text-white text-xl font-bold">28</Text>
+            <View className="flex justify-between mt-4">
+              <View className="text-center">
+                <Text className="text-white text-2xl font-bold">28</Text>
+                <Text className="text-white/80 text-xs">本月出勤</Text>
               </View>
-              <View className="bg-white/20 rounded-lg p-3 backdrop-blur-sm text-center">
-                <Text className="text-white/80 text-xs block mb-1">异常记录</Text>
-                <Text className="text-white text-xl font-bold">0</Text>
+              <View className="text-center">
+                <Text className="text-white text-2xl font-bold">0</Text>
+                <Text className="text-white/80 text-xs">异常记录</Text>
               </View>
-              <View className="bg-white/20 rounded-lg p-3 backdrop-blur-sm text-center">
-                <Text className="text-white/80 text-xs block mb-1">本月薪资</Text>
-                <Text className="text-white text-xl font-bold">4,800</Text>
+              <View className="text-center">
+                <Text className="text-white text-2xl font-bold">¥4,800</Text>
+                <Text className="text-white/80 text-xs">本月薪资</Text>
               </View>
             </View>
           </View>