feat: modify flow

This commit is contained in:
tim
2025-07-10 16:28:33 +08:00
parent 16ae598b13
commit 57ddddd384

View File

@@ -1,5 +1,11 @@
<template>
<div class="user-list">
<div v-if="users.length === 0" class="no-users">
<i class="fas fa-inbox no-users-icon"></i>
<div class="no-users-text">
暂无用户
</div>
</div>
<div v-for="u in users" :key="u.id" class="user-item">
<img :src="u.avatar" alt="avatar" class="user-avatar" />
<div class="user-info">
@@ -49,4 +55,19 @@ export default {
font-size: 14px;
opacity: 0.7;
}
.no-users {
display: flex;
flex-direction: row;
gap: 10px;
justify-content: center;
align-items: center;
height: 300px;
opacity: 0.5;
}
.no-users-text {
font-size: 16px;
color: var(--text-color);
}
</style>