hookehuyr

fix(MyFamily): 为成员头像添加aspectFill模式防止图片变形

修复成员头像显示变形问题,通过添加image的mode属性为aspectFill来保持图片比例
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-09-03 16:18:16
* @LastEditTime: 2025-09-04 10:35:11
* @FilePath: /lls_program/src/pages/MyFamily/index.vue
* @Description: 我的家庭页面 - 展示用户加入的家庭列表
-->
......@@ -54,6 +54,7 @@
<!-- 成员头像叠加效果 -->
<view class="avatar-overlap">
<image
mode="aspectFill"
v-for="(member, index) in family?.users?.slice(0, 4) || []"
:key="member.id"
:src="member.avatar_url || defaultAvatar"
......@@ -444,7 +445,7 @@ const removeSelectedMembers = async () => {
if (code) {
// 从当前成员列表中移除选中的成员
currentMembers.value = currentMembers.value.filter(m => !selectedMembers.value.includes(m.id));
// 同时更新家庭列表中对应家庭的成员数据
const familyIndex = familyList.value.findIndex(f => f.id === currentFamily.value.id);
if (familyIndex !== -1) {
......@@ -452,7 +453,7 @@ const removeSelectedMembers = async () => {
user => !selectedMembers.value.includes(user.id)
);
}
selectedMembers.value = [];
Taro.showToast({
......