hookehuyr

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"
......