refactor(ui): 优化头像显示模式和积分组件布局

调整头像显示模式为aspectFill以更好展示
移除积分规则提示图标并调整组件样式
更新积分显示组件高度和布局位置

@@ -7,12 +7,6 @@
 
     <!-- 积分显示器主体 -->
     <view class="total-points-display" :style="{ height: height }">
-      <!-- 积分规则提示 -->
-      <view class="points-rule-tip" @tap="handleGoToPointsRule">
-        <view class="tip-icon">💡</view>
-        <text class="tip-text">积分规则</text>
-      </view>
-
       <!-- 中心圆形显示总积分 -->
       <view class="center-circle1">
         <view class="total-points" @tap="handleGoToRewards">
@@ -142,12 +136,12 @@ const handleGoToPointsRule = () => {
   overflow: hidden;
 }
 
-.points-collector-header {
+.total-points-display-header {
   padding: 40rpx;
   padding-bottom: 20rpx;
 }
 
-.points-collector-footer {
+.total-points-display-footer {
   padding: 40rpx;
   padding-top: 20rpx;
 }

@@ -39,7 +39,7 @@
                 <span class="text-gray-500">今日</span>
                 <!-- 积分规则提示 -->
                 <view class="points-rule-tip" @tap="handleGoToPointsRule">
-                  <view class="tip-icon">💡</view>
+                  <!-- <view class="tip-icon">💡</view> -->
                   <text class="tip-text">积分规则</text>
                 </view>
               </view>
@@ -73,12 +73,17 @@
           <TotalPointsDisplay
             :total-points="finalTotalPoints"
             :is-owner="familyOwner"
-            height="13vh"
+            height="15vh"
           >
             <!-- 头部：今日步数 -->
             <template #header>
-              <view class="flex justify-between items-center mb-1">
+              <view class="flex justify-between items-center mb-1 relative">
                 <span class="text-gray-500">今日</span>
+                <!-- 积分规则提示 -->
+                <view class="points-rule-tip" @tap="handleGoToPointsRule">
+                  <!-- <view class="tip-icon">💡</view> -->
+                  <text class="tip-text">积分规则</text>
+                </view>
               </view>
               <view class="flex justify-between items-center">
                 <view class="flex items-baseline">
@@ -455,8 +460,8 @@ useReady(async () => {
 .points-rule-tip {
   position: absolute;
   // background-color: white;
-  top: -35rpx;
-  right: -25rpx;
+  top: 0rpx;
+  right: 0rpx;
   display: flex;
   flex-direction: column;
   align-items: center;

 <!--
  * @Date: 2022-09-19 14:11:06
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-09-05 09:36:17
+ * @LastEditTime: 2025-09-08 18:33:48
  * @FilePath: /lls_program/src/pages/MyFamily/index.vue
  * @Description: 我的家庭页面 - 展示用户加入的家庭列表
 -->
@@ -54,7 +54,7 @@
               <!-- 成员头像叠加效果 -->
               <view class="avatar-overlap">
                 <image
-                  mode="aspectFit"
+                  mode="aspectFill"
                   v-for="(member, index) in family?.users?.slice(0, 4) || []"
                   :key="member.id"
                   :src="member.avatar_url || defaultAvatar"