瀏覽代碼

💄 style(statistics): 为统计卡片添加 flex 布局

- 为所有统计卡片(残疾类型、性别、年龄、户籍省份、在职状态、薪资)添加 `flex flex-col` 类名
- 确保卡片内部元素采用弹性盒模型垂直布局,提升样式一致性
yourname 3 周之前
父節點
當前提交
e335bf556e
共有 1 個文件被更改,包括 6 次插入6 次删除
  1. 6 6
      mini-ui-packages/yongren-statistics-ui/src/pages/Statistics/Statistics.tsx

+ 6 - 6
mini-ui-packages/yongren-statistics-ui/src/pages/Statistics/Statistics.tsx

@@ -191,7 +191,7 @@ const Statistics: React.FC<StatisticsProps> = () => {
         </View>
 
         {/* 残疾类型分布 */}
-        <View className="card bg-white p-4 mb-4 rounded-lg shadow-sm">
+        <View className="card bg-white p-4 mb-4 rounded-lg shadow-sm flex flex-col">
           <Text className="font-semibold text-gray-700 mb-3">残疾类型分布</Text>
           {isLoadingDisability ? (
             <Text className="text-gray-500 text-center py-4">加载中...</Text>
@@ -233,7 +233,7 @@ const Statistics: React.FC<StatisticsProps> = () => {
         </View>
 
         {/* 性别分布 */}
-        <View className="card bg-white p-4 mb-4 rounded-lg shadow-sm">
+        <View className="card bg-white p-4 mb-4 rounded-lg shadow-sm flex flex-col">
           <Text className="font-semibold text-gray-700 mb-3">性别分布</Text>
           {isLoadingGender ? (
             <Text className="text-gray-500 text-center py-4">加载中...</Text>
@@ -266,7 +266,7 @@ const Statistics: React.FC<StatisticsProps> = () => {
         </View>
 
         {/* 年龄分布 */}
-        <View className="card bg-white p-4 mb-4 rounded-lg shadow-sm">
+        <View className="card bg-white p-4 mb-4 rounded-lg shadow-sm flex flex-col">
           <Text className="font-semibold text-gray-700 mb-3">年龄分布</Text>
           {isLoadingAge ? (
             <Text className="text-gray-500 text-center py-4">加载中...</Text>
@@ -315,7 +315,7 @@ const Statistics: React.FC<StatisticsProps> = () => {
         </View>
 
         {/* 户籍省份分布 */}
-        <View className="card bg-white p-4 mb-4 rounded-lg shadow-sm">
+        <View className="card bg-white p-4 mb-4 rounded-lg shadow-sm flex flex-col">
           <Text className="font-semibold text-gray-700 mb-3">户籍省份分布</Text>
           {isLoadingHousehold ? (
             <Text className="text-gray-500 text-center py-4">加载中...</Text>
@@ -353,7 +353,7 @@ const Statistics: React.FC<StatisticsProps> = () => {
         </View>
 
         {/* 在职状态统计 */}
-        <View className="card bg-white p-4 mb-4 rounded-lg shadow-sm">
+        <View className="card bg-white p-4 mb-4 rounded-lg shadow-sm flex flex-col">
           <Text className="font-semibold text-gray-700 mb-3">在职状态统计</Text>
           {isLoadingJobStatus ? (
             <Text className="text-gray-500 text-center py-4">加载中...</Text>
@@ -390,7 +390,7 @@ const Statistics: React.FC<StatisticsProps> = () => {
         </View>
 
         {/* 薪资分布 */}
-        <View className="card bg-white p-4 rounded-lg shadow-sm">
+        <View className="card bg-white p-4 rounded-lg shadow-sm flex flex-col">
           <Text className="font-semibold text-gray-700 mb-3">薪资分布</Text>
           {isLoadingSalary ? (
             <Text className="text-gray-500 text-center py-4">加载中...</Text>