mirror of
https://github.com/nagisa77/OpenIsle.git
synced 2026-06-06 01:57:34 +08:00
feat: modify flow
This commit is contained in:
@@ -1,5 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="user-list">
|
<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">
|
<div v-for="u in users" :key="u.id" class="user-item">
|
||||||
<img :src="u.avatar" alt="avatar" class="user-avatar" />
|
<img :src="u.avatar" alt="avatar" class="user-avatar" />
|
||||||
<div class="user-info">
|
<div class="user-info">
|
||||||
@@ -49,4 +55,19 @@ export default {
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
opacity: 0.7;
|
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>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user