Hooke / lls_program

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
f58ef2f0 1 parent 1958c6d4

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

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