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 2 additions and 1 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"
......