hy/yumi-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: constrain week star user avatars

Browse Source
This commit is contained in:
z 2026-05-04 00:34:22 +08:00
parent 96c224f71d
commit c5480cdf06
1 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
apps/src/views/resident-activity/week-star.vue
View File

@ -228,6 +228,11 @@ function statusColor(status: string) {
} }
} }
function avatarBackgroundStyle(url?: string) {
const avatarUrl = String(url || '').trim();
return avatarUrl ? { backgroundImage: `url(${JSON.stringify(avatarUrl)})` } : {};
}
function assignForm(next: Record<string, any>) { function assignForm(next: Record<string, any>) {
Object.assign(form, createEmptyForm(selectedSysOrigin.value), next); Object.assign(form, createEmptyForm(selectedSysOrigin.value), next);
} }
@ -775,11 +780,10 @@ watch(
<template #bodyCell="{ column, record }"> <template #bodyCell="{ column, record }">
<template v-if="column.key === 'user'"> <template v-if="column.key === 'user'">
<div class="user-cell"> <div class="user-cell">
<Image <div
v-if="record.userAvatar" v-if="record.userAvatar"
:preview="false"
:src="record.userAvatar"
class="avatar" class="avatar"
:style="avatarBackgroundStyle(record.userAvatar)"
/> />
<div v-else class="avatar placeholder">U</div> <div v-else class="avatar placeholder">U</div>
<div class="user-meta"> <div class="user-meta">
@ -829,11 +833,10 @@ watch(
<template #bodyCell="{ column, record }"> <template #bodyCell="{ column, record }">
<template v-if="column.key === 'user'"> <template v-if="column.key === 'user'">
<div class="user-cell"> <div class="user-cell">
<Image <div
v-if="record.userAvatar" v-if="record.userAvatar"
:preview="false"
:src="record.userAvatar"
class="avatar" class="avatar"
:style="avatarBackgroundStyle(record.userAvatar)"
/> />
<div v-else class="avatar placeholder">U</div> <div v-else class="avatar placeholder">U</div>
<div class="user-meta"> <div class="user-meta">
@ -901,11 +904,10 @@ watch(
<template #bodyCell="{ column, record }"> <template #bodyCell="{ column, record }">
<template v-if="column.key === 'user'"> <template v-if="column.key === 'user'">
<div class="user-cell"> <div class="user-cell">
<Image <div
v-if="record.userAvatar" v-if="record.userAvatar"
:preview="false"
:src="record.userAvatar"
class="avatar" class="avatar"
:style="avatarBackgroundStyle(record.userAvatar)"
/> />
<div v-else class="avatar placeholder">U</div> <div v-else class="avatar placeholder">U</div>
<div class="user-meta"> <div class="user-meta">
@ -1202,8 +1204,7 @@ watch(
font-size: 12px; font-size: 12px;
} }
.thumb, .thumb {
.avatar {
border-radius: 8px; border-radius: 8px;
height: 48px; height: 48px;
object-fit: cover; object-fit: cover;
@ -1211,7 +1212,13 @@ watch(
} }
.avatar { .avatar {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 999px; border-radius: 999px;
flex: 0 0 40px;
height: 40px;
width: 40px;
} }
.placeholder { .placeholder {