头像居中

This commit is contained in:
lyd
2022-11-03 13:30:54 +08:00
parent 32de1474a6
commit 59cf0e67f6

View File

@@ -21,10 +21,10 @@
</el-tooltip>-->
</template>
<img :src="Avatar" class="user-avatar">
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover">
<div class="avatar-wrapper">
<img :src="Avatar" class="user-avatar" >
<!-- <img :src="Avatar" class="user-avatar" style="border: #f5141e 1px solid">-->
<span class="user-nickname">{{ user.nickName }}</span>
</div>
<el-dropdown-menu slot="dropdown">
@@ -184,22 +184,22 @@ export default {
}
}
}
.avatar-container {
margin-right: 10px;
.avatar-wrapper {
margin-top: 5px;
position: relative;
.user-avatar {
cursor: pointer;
width: 40px;
height: 40px;
border-radius: 10px;
}
.avatar-container {
//margin-right: 10px;
.avatar-wrapper {
//margin-top: 5px;
position: relative;
.user-nickname {
cursor: pointer;
font-size: 18px;
margin-left: -10px;
}
}
}