mirror of
https://github.com/nagisa77/OpenIsle.git
synced 2026-02-22 06:50:53 +08:00
feat: modify flow
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user