瀏覽代碼

fix(attendance): 修复出勤率和正常出勤文字垂直堆叠问题

在考勤统计卡片中,为"出勤率"和"正常出勤"的父View添加flex flex-col,
确保标签文字和数值文字垂直堆叠,而不是横向排列。

🤖 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 3 周之前
父節點
當前提交
564ab8b773
共有 1 個文件被更改,包括 2 次插入2 次删除
  1. 2 2
      mini-ui-packages/rencai-attendance-ui/src/components/AttendanceStats.tsx

+ 2 - 2
mini-ui-packages/rencai-attendance-ui/src/components/AttendanceStats.tsx

@@ -11,11 +11,11 @@ export const AttendanceStats: React.FC<AttendanceStatsProps> = ({ stats }) => {
     <View className="bg-white rounded-lg p-4 mb-4 mx-4 flex flex-col">
       {/* 两列统计布局 */}
       <View className="flex justify-between items-center mb-4">
-        <View>
+        <View className="flex flex-col">
           <Text className="text-gray-700 text-sm">出勤率</Text>
           <Text className="text-2xl font-bold text-gray-800">{stats.attendanceRate}%</Text>
         </View>
-        <View className="text-right">
+        <View className="flex flex-col text-right">
           <Text className="text-gray-700 text-sm">正常出勤</Text>
           <Text className="text-2xl font-bold text-gray-800">{stats.normalDays}天</Text>
         </View>