mirror of
https://github.com/nagisa77/OpenIsle.git
synced 2026-05-11 13:17:29 +08:00
feat: add user list click
This commit is contained in:
@@ -6,7 +6,7 @@
|
|||||||
暂无用户
|
暂无用户
|
||||||
</div>
|
</div>
|
||||||
</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" @click="handleUserClick(u)">
|
||||||
<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">
|
||||||
<div class="user-name">{{ u.username }}</div>
|
<div class="user-name">{{ u.username }}</div>
|
||||||
@@ -21,6 +21,13 @@ export default {
|
|||||||
name: 'UserList',
|
name: 'UserList',
|
||||||
props: {
|
props: {
|
||||||
users: { type: Array, default: () => [] }
|
users: { type: Array, default: () => [] }
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleUserClick(user) {
|
||||||
|
this.$router.push(`/users/${user.id}`).then(() => {
|
||||||
|
window.location.reload()
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@@ -36,6 +43,7 @@ export default {
|
|||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.user-avatar {
|
.user-avatar {
|
||||||
width: 40px;
|
width: 40px;
|
||||||
|
|||||||
Reference in New Issue
Block a user