feat(家庭页面): 将家庭头像改为封面图并调整样式

@@ -91,40 +91,40 @@
             </view>
           </view>
         </view>
-        <!-- Family Avatar -->
+        <!-- Family Cover -->
         <view class="mb-10">
           <view class="bg-white rounded-lg border border-gray-200 p-4">
             <view class="block text-lg font-medium mb-2">
-              家庭头像（选填）
+              家庭封面图（选填）
             </view>
-            <!-- 已上传头像显示 -->
+            <!-- 已上传封面显示 -->
             <view v-if="familyAvatar" class="mb-4">
-              <view class="relative inline-block">
+              <view class="relative">
                 <image
                   :src="familyAvatar"
-                  class="w-24 h-24 rounded-lg object-cover"
+                  class="w-full h-48 rounded-lg object-cover"
                   mode="aspectFill"
                   @tap="previewAvatar"
                 />
                 <view
                   @click="deleteAvatar"
-                  class="absolute -top-2 -right-2 w-4 h-4 bg-red-500 rounded-full flex items-center justify-center"
+                  class="absolute -top-2 -right-2 w-6 h-6 bg-red-500 rounded-full flex items-center justify-center"
                 >
-                  <view class="text-white text-xs">×</view>
+                  <view class="text-white text-sm">×</view>
                 </view>
               </view>
             </view>
             <!-- 上传区域 -->
             <view
               v-if="!familyAvatar"
-              class="border border-dashed border-gray-200 rounded-lg p-6 flex flex-col items-center justify-center"
+              class="border border-dashed border-gray-200 rounded-lg p-12 flex flex-col items-center justify-center h-48"
               @click="chooseImage"
             >
-              <view class="text-gray-400 mb-2">
-                <Photograph size="24" />
+              <view class="text-gray-400 mb-4">
+                <Photograph size="32" />
               </view>
-              <view class="text-center text-gray-400">点击上传图片</view>
-              <view class="text-center text-gray-400 text-xs mt-1">
+              <view class="text-center text-gray-400 text-lg">点击上传封面图</view>
+              <view class="text-center text-gray-400 text-sm mt-2">
                 支持图片格式（jpg、png）最大10MB
               </view>
             </view>

 <!--
  * @Date: 2025-08-27 17:44:53
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-08-29 14:18:23
+ * @LastEditTime: 2025-08-29 14:26:44
  * @FilePath: /lls_program/src/pages/EditFamily/index.vue
  * @Description: 文件描述
 -->
@@ -91,40 +91,40 @@
             </view>
           </view>
         </view>
-        <!-- Family Avatar -->
+        <!-- Family Cover -->
         <view class="mb-10">
           <view class="bg-white rounded-lg border border-gray-200 p-4">
             <view class="block text-lg font-medium mb-2">
-              家庭头像（选填）
+              家庭封面图（选填）
             </view>
-            <!-- 已上传头像显示 -->
+            <!-- 已上传封面显示 -->
             <view v-if="familyAvatar" class="mb-4">
-              <view class="relative inline-block">
+              <view class="relative">
                 <image
                   :src="familyAvatar"
-                  class="w-24 h-24 rounded-lg object-cover"
+                  class="w-full h-48 rounded-lg object-cover"
                   mode="aspectFill"
                   @tap="previewAvatar"
                 />
                 <view
                   @click="deleteAvatar"
-                  class="absolute -top-2 -right-2 w-4 h-4 bg-red-500 rounded-full flex items-center justify-center"
+                  class="absolute -top-2 -right-2 w-6 h-6 bg-red-500 rounded-full flex items-center justify-center"
                 >
-                  <view class="text-white text-xs">×</view>
+                  <view class="text-white text-sm">×</view>
                 </view>
               </view>
             </view>
             <!-- 上传区域 -->
             <view
               v-if="!familyAvatar"
-              class="border border-dashed border-gray-300 rounded-lg p-6 flex flex-col items-center justify-center"
+              class="border border-dashed border-gray-200 rounded-lg p-12 flex flex-col items-center justify-center h-48"
               @click="chooseImage"
             >
-              <view class="text-gray-400 mb-2">
-                <Photograph size="24" />
+              <view class="text-gray-400 mb-4">
+                <Photograph size="32" />
               </view>
-              <view class="text-center text-gray-400">点击上传图片</view>
-              <view class="text-center text-gray-400 text-xs mt-1">
+              <view class="text-center text-gray-400 text-lg">点击上传封面图</view>
+              <view class="text-center text-gray-400 text-sm mt-2">
                 支持图片格式（jpg、png）最大10MB
               </view>
             </view>