mirror of
https://github.com/nagisa77/OpenIsle.git
synced 2026-08-11 22:00:59 +00:00
feat: avatar
This commit is contained in:
@@ -13,8 +13,9 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="isLogin" class="header-content-right">
|
<div v-if="isLogin" class="header-content-right">
|
||||||
<div class="header-content-item-main" @click="goToProfile">个人中心</div>
|
<div class="header-user-avatar-item">
|
||||||
<div class="header-content-item-secondary" @click="goToLogout">退出</div>
|
<img class="header-user-avatar-item-img" src="https://picsum.photos/200/200" alt="avatar" />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-else class="header-content-right">
|
<div v-else class="header-content-right">
|
||||||
@@ -131,4 +132,17 @@ export default {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header-user-avatar-item {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
border-radius: 50%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-user-avatar-item-img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user